.dyo[data-dyo] .dyo-photo .dyo-door-img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .2s ease;pointer-events:none}.dyo[data-dyo] .dyo-photo .dyo-door-img.is-on{opacity:1}.dyo[data-dyo] .dyo-door-pill{position:absolute;left:10px;bottom:10px;z-index:2;display:flex;align-items:center;gap:8px;height:36px;padding:0 13px 0 10px;border:0;border-radius:999px;background:#fffffff2;box-shadow:0 1px 4px #1d191529;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;line-height:1;color:var(--ink);cursor:pointer}.dyo[data-dyo] .dyo-door-pill:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}.dyo[data-dyo] .dyo-door-pill:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.dyo[data-dyo] .dyo-door-dot{flex:0 0 auto;width:16px;height:16px;border-radius:50%;border:1px solid #A89D90;background:transparent center/cover no-repeat}.dyo[data-dyo] .dyo-door-pill.has-door .dyo-door-dot{border-color:#1d191547}.dyo[data-dyo] .dyo-door-pill.is-loading .dyo-door-dot{animation:dyoDoorPulse 1s ease-in-out infinite}@keyframes dyoDoorPulse{50%{opacity:.35}}.dyo[data-dyo] .dyo-door-chev{flex:0 0 auto;transition:transform .15s ease}.dyo[data-dyo] .dyo-door-pill[aria-expanded=true] .dyo-door-chev{transform:rotate(180deg)}.dyo[data-dyo] .dyo-door{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;background:#f7f2eb;padding:14px 12px 12px}.dyo[data-dyo] .dyo-door[hidden]{display:none}.dyo[data-dyo] .dyo-door:before{content:"";position:absolute;left:24px;top:-6px;width:12px;height:12px;background:#f7f2eb;transform:rotate(45deg)}.dyo[data-dyo] .dyo-door-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.dyo[data-dyo] .dyo-door-tabs{display:flex;gap:18px}.dyo[data-dyo] .dyo-door-tabs button,.dyo[data-dyo] .dyo-door-done{padding:4px 0 3px;border:0;border-bottom:1px solid transparent;background:none;font-size:11px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;color:var(--ink)}.dyo[data-dyo] .dyo-door-tabs button[aria-pressed=true]{border-bottom-color:var(--ink);font-weight:700}.dyo[data-dyo] .dyo-door-done{text-decoration:underline;text-underline-offset:3px}.dyo[data-dyo] .dyo-door-chips{display:flex;flex-wrap:wrap;gap:9px;padding:3px;margin:-3px}.dyo[data-dyo] .dyo-door-chip{position:relative;flex:0 0 auto;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#fff center/cover no-repeat;box-shadow:0 0 0 1px #1d191524;cursor:pointer;display:flex;align-items:center;justify-content:center}.dyo[data-dyo] .dyo-door-chip:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.dyo[data-dyo] .dyo-door-chip:hover{box-shadow:0 0 0 2px #f7f2eb,0 0 0 3px #b9afa3}.dyo[data-dyo] .dyo-door-chip[aria-pressed=true]{box-shadow:0 0 0 2px #f7f2eb,0 0 0 3.5px var(--ink)}.dyo[data-dyo] .dyo-door-chip:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.dyo[data-dyo] .dyo-door-cap{margin:0;font-size:12px;line-height:1.45;color:var(--body)}@media(max-width:989px){.dyo[data-dyo] .dyo-door{order:0;position:sticky;top:calc(var(--dyo-top, 0px) + var(--dyo-photo-h, 270px));z-index:4;margin:-24px -16px 0;padding:14px 16px 12px;transition:top .2s ease;box-shadow:0 1px 0 var(--line)}.dyo[data-dyo] .dyo-door:before{left:28px}.dyo[data-dyo] .dyo-door-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;min-width:0;padding:4px 16px 4px 4px;margin:-4px -16px -4px -4px}.dyo[data-dyo] .dyo-door-chips::-webkit-scrollbar{display:none}}@media(min-width:750px)and (max-width:989px){.dyo[data-dyo] .dyo-door{margin:-24px -32px 0;padding:14px 32px 12px}.dyo[data-dyo] .dyo-door:before{left:44px}}@media(min-width:750px){.dyo[data-dyo] .dyo-door-pill{left:12px;bottom:12px}}@media(min-width:990px){.dyo[data-dyo] .dyo-door{margin-top:-14px}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/dyo-door.css.map */