.whyshift.whyshift-variant-drawer{display:contents}.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__dialog{background:transparent;border:0;height:100%;top:0;right:0;bottom:0;left:0;margin:0;max-height:none;max-width:none;overflow:hidden;padding:0;position:fixed;width:100%}.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__dialog::backdrop{background:#00000073}.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__dialog[open]{animation:whyshift-drawer-fade-in .22s ease forwards}.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__dialog[open]::backdrop{animation:whyshift-drawer-fade-in .22s ease forwards}.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__dialog--closing{animation:whyshift-drawer-fade-out .22s ease forwards}.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__dialog--closing::backdrop{animation:whyshift-drawer-fade-out .22s ease forwards}.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__panel{background:var(--color-background);color:var(--color-foreground);display:flex;flex-direction:column;height:100%;max-width:min(420px,100vw);overflow-y:auto;padding:24px 20px 32px;position:absolute;top:0;width:min(420px,100vw)}.whyshift.whyshift-variant-drawer.whyshift-variant-drawer--right .whyshift-variant-drawer__panel{animation:whyshift-drawer-slide-in-right .28s ease forwards;right:0}.whyshift.whyshift-variant-drawer.whyshift-variant-drawer--left .whyshift-variant-drawer__panel{animation:whyshift-drawer-slide-in-left .28s ease forwards;left:0}.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__dialog--closing .whyshift-variant-drawer__panel{animation-duration:.22s}.whyshift.whyshift-variant-drawer.whyshift-variant-drawer--right .whyshift-variant-drawer__dialog--closing .whyshift-variant-drawer__panel{animation-name:whyshift-drawer-slide-out-right}.whyshift.whyshift-variant-drawer.whyshift-variant-drawer--left .whyshift-variant-drawer__dialog--closing .whyshift-variant-drawer__panel{animation-name:whyshift-drawer-slide-out-left}.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__title{font-family:var(--ws-font-body, inherit);font-size:13px;font-weight:var(--ws-font-weight-semibold, 600);letter-spacing:.08em;line-height:1.3;margin:0;text-transform:uppercase}.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__close{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;margin-top:-2px;padding:4px}.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__body,.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__footer{font-family:var(--ws-font-body, inherit);font-size:14px;line-height:1.6}.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__body{flex:1 1 auto}.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__footer{margin-top:24px}.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__body table,.whyshift.whyshift-variant-drawer .whyshift-size-guide{border-collapse:collapse;width:100%}.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__body th,.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__body td,.whyshift.whyshift-variant-drawer .whyshift-size-guide th,.whyshift.whyshift-variant-drawer .whyshift-size-guide td{border-bottom:1px solid rgb(var(--color-foreground-rgb, 0 0 0) / .12);font-size:14px;padding:14px 0}.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__body th:last-child,.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__body td:last-child,.whyshift.whyshift-variant-drawer .whyshift-size-guide th:last-child,.whyshift.whyshift-variant-drawer .whyshift-size-guide td:last-child{text-align:right}.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__body a,.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__footer a{color:inherit;text-decoration:underline}@keyframes whyshift-drawer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes whyshift-drawer-fade-out{0%{opacity:1}to{opacity:0}}@keyframes whyshift-drawer-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes whyshift-drawer-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes whyshift-drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes whyshift-drawer-slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__dialog[open],.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__dialog[open]::backdrop,.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__dialog--closing,.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__dialog--closing::backdrop,.whyshift.whyshift-variant-drawer .whyshift-variant-drawer__panel{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/whyshift-variant-drawer.css.map */