.od-size-guide-drawer{--od-size-guide-bg: #ffffff;--od-size-guide-line: rgba(117, 104, 89, .18);--od-size-guide-text: rgba(33, 29, 24, .9);--od-size-guide-muted: rgba(33, 29, 24, .62);--od-size-guide-panel: min(640px, calc(100vw - 44px) );position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;visibility:hidden;pointer-events:none}.od-size-guide-drawer.is-visible{visibility:visible;pointer-events:auto}html.od-size-guide-lock,html.od-size-guide-lock body{overflow:hidden}.od-size-guide-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#211d185c;opacity:0;transition:opacity .34s cubic-bezier(.32,.72,0,1)}.od-size-guide-drawer__panel{position:absolute;top:0;right:0;display:grid;grid-template-rows:auto minmax(0,1fr);width:var(--od-size-guide-panel);height:100vh;height:100dvh;border-left:1px solid var(--od-size-guide-line);background:var(--od-size-guide-bg);color:var(--od-size-guide-text);transform:translate(104%);transition:transform .38s cubic-bezier(.32,.72,0,1)}.od-size-guide-drawer.is-open .od-size-guide-drawer__overlay{opacity:1}.od-size-guide-drawer.is-open .od-size-guide-drawer__panel{transform:translate(0)}.od-size-guide-drawer__header{position:sticky;top:0;z-index:2;display:flex;align-items:stretch;justify-content:space-between;gap:20px;min-height:58px;padding:0 22px;border-bottom:1px solid var(--od-size-guide-line);background:var(--od-size-guide-bg)}.od-size-guide-drawer__tabs{display:flex;align-items:stretch;gap:26px}.od-size-guide-drawer__tab{position:relative;min-height:58px;padding:0;border:0;border-radius:0;background:transparent;color:var(--od-size-guide-muted);font-size:13px;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:color .22s cubic-bezier(.32,.72,0,1)}.od-size-guide-drawer__tab:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:1px;background:transparent;transition:background-color .22s cubic-bezier(.32,.72,0,1)}.od-size-guide-drawer__tab:hover,.od-size-guide-drawer__tab.is-active{color:#211d18eb}.od-size-guide-drawer__tab.is-active:after{background:#211d18e6}.od-size-guide-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:42px;height:58px;padding:0;border:0;border-radius:0;background:transparent;color:#211d18ad;cursor:pointer;transition:color .22s cubic-bezier(.32,.72,0,1)}.od-size-guide-drawer__close:hover{color:#211d18eb}.od-size-guide-drawer__close .icon{--size: 18px}.od-size-guide-drawer__body{min-height:0;overflow:auto;padding:20px 22px 42px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.od-size-guide-drawer__panel-content[hidden]{display:none}.od-size-guide-drawer__image-stack{display:grid;gap:0}.od-size-guide-drawer__image{display:block;width:100%;height:auto;background:#f8f5f0}.od-size-guide-drawer__choose{display:grid;gap:16px}.od-size-guide-drawer__copy{color:var(--od-size-guide-muted);font-size:13px;line-height:1.58}.od-size-guide-drawer__copy p{margin:0 0 12px}.od-size-guide-drawer__copy strong{color:#211d18e0;font-weight:600}.section--product-single .pdp-size-guide-preview{width:auto;min-width:0;min-height:0;padding:0;border:0;background:transparent;color:#27231fb8;font-size:10px;font-weight:650;letter-spacing:.05em;line-height:1;text-decoration:none;cursor:pointer;transition:color .22s cubic-bezier(.32,.72,0,1)}.section--product-single .pdp-size-guide-preview:hover{color:#27231fe6}.section--product-single .pdp-size-guide-preview span{width:11px;height:11px}@media(max-width:767px){.od-size-guide-drawer{--od-size-guide-panel: 100vw}.od-size-guide-drawer__panel{border-left:0}.od-size-guide-drawer__header{min-height:56px;padding:0 18px}.od-size-guide-drawer__tabs{gap:24px}.od-size-guide-drawer__tab,.od-size-guide-drawer__close{min-height:56px;height:56px}.od-size-guide-drawer__body{padding:18px 16px 34px}.od-size-guide-drawer__copy{font-size:12px}}@media(prefers-reduced-motion:reduce){.od-size-guide-drawer__overlay,.od-size-guide-drawer__panel,.od-size-guide-drawer__close,.od-size-guide-drawer__tab,.od-size-guide-drawer__tab:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/oildeco-size-guide-drawer.css.map */