.duk .dr{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.duk .dr .scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim);width:100%;cursor:default}.duk .dr aside{position:absolute;top:0;right:0;bottom:0;width:min(520px,100%);background:var(--paper);overflow:auto;padding:22px var(--rt) 88px;animation:drin .45s var(--ease) both}@media(prefers-reduced-motion:reduce){.duk .dr aside{animation:none}}.duk .dr .dh{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-bottom:44px}.duk .dr .x{width:44px;height:44px;border-radius:50%;border:1px solid var(--ui);display:grid;place-items:center}.duk .dr .x:hover{border-color:var(--ink)}.duk .dr section{padding:0 0 44px}.duk .dr h3{margin:0 0 11px;color:var(--t2)}.duk .dr p{margin:0 0 11px}.duk .dr dl{display:grid;grid-template-columns:140px minmax(0,1fr);row-gap:6px;margin:0}.duk .dr dd{margin:0;color:var(--t2)}.duk .dr blockquote{margin:0 0 6px}.duk .dr .vo{padding:11px 0 22px}.duk .ph-note{color:var(--t2)}.duk .dr .scrim{animation:drScrim .5s ease both}.duk .dr aside{width:min(520px,calc(100% - 8px));animation:drSlide .65s cubic-bezier(.16,1,.3,1) both;box-shadow:-24px 0 48px color-mix(in srgb,var(--ink) 8%,transparent)}.duk .dr aside>*{animation:drIn .5s ease .2s both}@media(prefers-reduced-motion:reduce){.duk .dr .scrim{animation:none}.duk .dr aside{animation:none}.duk .dr aside>*{animation:none}}@media(min-width:900px){.duk .dr aside .x:not(:focus-visible){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.duk .dr aside .x:focus-visible{position:absolute;top:22px;right:var(--rt);background:var(--paper)}.duk .dr .scrim{cursor:pointer}.duk .dr .scrim:after{content:attr(aria-label);position:absolute;right:calc(min(520px,100% - 8px) + 32px);font-family:var(--ff-serif);font-weight:300;font-size:22px;color:var(--paper);background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:0% 1px;transition:background-size var(--t-fast) ease-in-out;animation:drClsIn .6s ease .35s both}.duk .dr .scrim:hover:after{background-size:100% 1px;background-position-x:left}}@media(prefers-reduced-motion:reduce){.duk .dr .scrim:after{animation:none}}@media(min-width:900px){.duk .dr .scrim:after{line-height:1.2;top:22px;background-position:right 100%}.duk .dr aside .dh{min-height:0;align-items:baseline}}@media(max-width:899px){.duk .dr aside .dh{flex-wrap:wrap;row-gap:0}.duk .dr aside .dh:before{content:"";flex:0 0 100%;height:0}.duk .dr aside .x{order:-1;width:44px;height:44px;border:0;border-radius:0;background:none;display:grid}.duk .dr aside{width:min(520px,calc(100% - 16px))!important}.duk .dr aside .x{margin-left:-2px;place-items:center start;justify-items:start;padding:0}.duk .dr aside .x svg{margin:0}}.duk .dr section{padding:0 0 33px}.duk .dr section p{font-size:14px;line-height:1.45}.duk .dr dl,.duk .dr .ph-note{font-size:14px;line-height:1.45}.duk .dr dl{row-gap:0;border-top:1px solid var(--ui)}.duk .dr dt,.duk .dr dd{padding:11px 0;border-bottom:1px solid var(--ui);margin:0}.duk .dr dt{color:var(--t2)}.duk .dr dd{color:var(--ink)}.duk .dr .bm img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover;margin:0 0 11px}.duk .dr .bm p{margin:0 0 22px}.duk .dr .bm-b{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:0 22px;border:1px solid var(--ink);border-radius:4px;font-size:16px;transition:background var(--t-fast) ease,color var(--t-fast) ease}.duk .dr .bm-b:hover{background:var(--ink);color:var(--paper)}.duk .dr dd .sdot{margin-right:10px}.duk .dr .sd-l{display:flex;align-items:center;gap:12px;margin:0 0 4px;font-size:16px}.duk .dr .sd-l b{font-weight:600}.duk .dr .sd-l .sdot{margin:0}.duk .dr .sd-t{margin:0;color:var(--t2);font-size:14px;padding-left:24px}.duk .dr .sd{background:var(--tile);padding:22px;margin:0 0 33px}.duk .dr .sd-l{margin-bottom:6px}.duk .og{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.duk .og-b{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:132px;padding:16px;text-align:left;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--ui);border-radius:4px;cursor:pointer;transition:border-color var(--t-fast)}.duk .og-b:hover{border-color:var(--ink)}.duk .og-b.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.duk .og-d{font-family:var(--ff-serif);font-weight:300;font-size:22px;line-height:1.2}.duk .og-n{color:var(--t2);font-size:14px}.duk .og-p{margin-top:auto;font-size:14px}@media(max-width:899px){.duk .og-b{min-height:112px}.duk .og-d{font-size:22px}}.duk .og-i{display:flex;align-items:flex-end;justify-content:center;width:100%;height:140px;margin:0 0 16px;background:var(--tile)}.duk .og-i img{display:block;width:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply;padding-bottom:8px}@media(max-width:899px){.duk .og-i{height:112px}}.duk .og-b img{mix-blend-mode:multiply}.duk .sw{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 14%,transparent)}.duk .og-note{margin:22px 0 0;color:var(--t2);font-size:14px}.duk .og-note a{color:var(--ink)}.duk .cg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.duk .cg-b{display:flex;flex-direction:column;gap:11px;padding:0;text-align:left;font:inherit;color:var(--t2);background:none;border:0;cursor:pointer}.duk .cg-ph{display:grid;place-items:center;aspect-ratio:6 / 7;background:var(--tile);overflow:hidden}.duk .cg-ph img{width:80%;height:80%;object-fit:contain;mix-blend-mode:multiply;transition:transform var(--t-zoom) var(--ease)}.duk .cg-b:hover .cg-ph img{transform:scale(1.04)}.duk .cg-n{display:inline-flex;align-items:center;gap:8px;font-size:14px}.duk .cg-b:hover,.duk .cg-b.on{color:var(--ink)}.duk .cg-b.on .cg-n span{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}@media(max-width:899px){.duk .cg{gap:4px}}@keyframes drin{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}@keyframes drScrim{0%{opacity:0}to{opacity:1}}@keyframes drSlide{0%{transform:translate(100%)}to{transform:none}}@keyframes drIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes drClsIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}.duk .dr .rte p{margin:0 0 11px}.duk .dr .rte ul{margin:0 0 11px;padding-left:18px}.duk .dr .dl-x{margin:11px 0 0;padding:0;font-size:14px;line-height:1.45}.duk .dr .dl-x li{padding:4px 0}.duk .dr aside:focus{outline:none}.duk .dr .og-b.is-out,.duk .dr .cg-b.is-out{color:var(--t2)}.duk .dr .og-b,.duk .dr .cg-b{font:inherit}.duk .dr .dh h2{margin:0}
/*# sourceMappingURL=/cdn/shop/t/54/assets/duk-drawer.css.map */