snd-zoom-buy{--zb-ink: #0a0a0a;--zb-muted: #6b6b6b;--zb-surface: #f3f1ed;--zb-hairline: rgb(0 0 0 / .16);--zb-green: #00ce70;--zb-green-hover: #00b863;--zb-blue: #0352f2;--zb-ease: cubic-bezier(.23, 1, .32, 1);position:fixed;z-index:calc(var(--layer-raised, 2) + 2);color:var(--zb-ink);font-family:var(--font-body--family, "Inter", system-ui, sans-serif);font-synthesis:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;cursor:auto}snd-zoom-buy[hidden],snd-zoom-buy [hidden]{display:none!important}snd-zoom-buy :focus-visible{outline:2px solid var(--zb-blue);outline-offset:2px}snd-zoom-buy p{margin:0}.snd-zb__card{display:flex;flex-direction:column;gap:16px;background:#fff;box-sizing:border-box;overflow-wrap:anywhere}.snd-zb__head{display:flex;flex-direction:column;gap:6px;min-width:0}.snd-zb__title{font-size:14px;font-weight:500;line-height:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.snd-zb__price-row{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:8px}.snd-zb__price{font-size:26px;font-weight:700;line-height:30px;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.snd-zb__compare{font-size:14px;line-height:20px;color:var(--zb-muted);font-variant-numeric:tabular-nums}.snd-zb__vat{font-size:11px;font-weight:600;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--zb-muted)}.snd-zb__options{display:flex;flex-direction:column;gap:8px}.snd-zb__options:empty{display:none}.snd-zb__opt{display:flex;flex-direction:column;gap:8px;min-width:0}.snd-zb__opt-label{font-size:13px;line-height:18px}.snd-zb__opt-name{color:var(--zb-muted)}.snd-zb__opt-value{font-weight:500}.snd-zb__swatches{display:flex;flex-wrap:wrap;gap:8px}.snd-zb__swatch{position:relative;flex-shrink:0;width:48px;height:48px;padding:0;border:0;background:none;border-radius:5px;cursor:pointer;color:inherit;font:inherit}.snd-zb__swatch-img{display:block;width:100%;aspect-ratio:1;border-radius:5px;background:#fff center / cover no-repeat;box-shadow:0 0 0 1px var(--zb-hairline)}.snd-zb__swatch[aria-checked=true] .snd-zb__swatch-img{box-shadow:0 0 0 1.5px var(--zb-ink)}.snd-zb__swatch[data-unavailable] .snd-zb__swatch-img{opacity:.45}.snd-zb__swatch-dot{position:absolute;top:3px;right:3px;width:8px;height:8px;border-radius:999px;background:var(--zb-green);box-shadow:0 0 0 1.5px #fff}.snd-zb__select{position:relative;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 36px 0 12px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--zb-hairline);font-size:13px;line-height:18px;cursor:pointer}.snd-zb__select:focus-within{box-shadow:inset 0 0 0 1.5px var(--zb-ink)}.snd-zb__select .snd-zb__opt-name{flex-shrink:0;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snd-zb__select select{appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:42px;margin:0;padding:0;border:0;background:transparent;color:var(--zb-ink);font:inherit;font-size:13px;font-weight:500;cursor:pointer;text-overflow:ellipsis}.snd-zb__select select:focus-visible{outline:none}.snd-zb__select-chevron{position:absolute;right:14px;top:50%;display:flex;transform:translateY(-50%);pointer-events:none}.snd-zb__stock{display:flex;align-items:center;gap:8px;font-size:13px;line-height:18px;min-width:0}.snd-zb__stock-text{min-width:0}.snd-zb__stock-meta{color:var(--zb-muted)}.snd-zb__dot{flex-shrink:0;width:8px;height:8px;border-radius:999px;background:#b5b5b5}.snd-zb__dot--green{background:var(--zb-green)}.snd-zb__dot--peach,.snd-zb__dot--orange,.snd-zb__dot--red{background:#fd6861}.snd-zb__dot--yellow,.snd-zb__dot--amber{background:#f5b700}.snd-zb__dot--blue{background:var(--zb-blue)}.snd-zb__actions{display:flex;align-items:center;gap:8px}.snd-zb__add{position:relative;display:grid;flex:1 1 0;min-width:0;height:48px;padding:0 16px;border:0;border-radius:8px;background:var(--zb-green);color:#fff;font:inherit;font-size:14px;font-weight:500;line-height:20px;cursor:pointer;overflow:hidden;transition:transform .1s var(--zb-ease)}.snd-zb__add:active:not(:disabled){transform:scale(.97)}.snd-zb__add:disabled{background:#ededed;color:var(--zb-muted);cursor:not-allowed}.snd-zb__add[aria-busy=true]{cursor:progress}.snd-zb__add-face{grid-area:1 / 1;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;transition:transform .15s var(--zb-ease),opacity .15s var(--zb-ease)}.snd-zb__add-face svg{flex-shrink:0}.snd-zb__add:disabled .snd-zb__add-face--idle svg{display:none}.snd-zb__add-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snd-zb__add-face--done{opacity:0;transform:translateY(8px)}.snd-zb__add[data-added] .snd-zb__add-face--idle{opacity:0;transform:translateY(-4px)}.snd-zb__add[data-added] .snd-zb__add-face--done{opacity:1;transform:none}.snd-zb__wish{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;padding:0;border:0;border-radius:8px;background:var(--zb-surface);color:var(--zb-ink);cursor:pointer;transition:transform .1s var(--zb-ease)}.snd-zb__wish:active{transform:scale(.97)}.snd-zb__wish[aria-pressed=true] svg path{fill:currentColor}.snd-zb__view{align-self:center;margin-top:-4px;padding:4px 0;color:var(--zb-ink);font-size:13px;font-weight:500;line-height:18px;text-decoration:underline 1px;text-underline-offset:3px;animation:sndZbFade .15s var(--zb-ease) both}.snd-zb__error{font-size:13px;line-height:18px;color:#b42318}.snd-zb__summary{display:none}@media(hover:hover)and (pointer:fine){.snd-zb__add:hover:not(:disabled){background:var(--zb-green-hover)}.snd-zb__wish:hover{background:#e9e6df}.snd-zb__swatch:hover:not([aria-checked=true]) .snd-zb__swatch-img{box-shadow:0 0 0 1px #0006}.snd-zb__select:hover{box-shadow:inset 0 0 0 1px #0006}.snd-zb__view:hover{text-decoration-thickness:2px}}.snd-zb__scrim,.snd-zb__sheet{display:none}@media screen and (min-width:750px){snd-zoom-buy{right:24px;bottom:24px;width:336px;max-height:calc(100dvh - 104px);display:flex}.snd-zb__card{width:100%;max-height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;padding:20px;border-radius:12px;box-shadow:0 0 0 1px #0000001a,0 16px 26px -8px #0003}.dialog-zoomed-gallery__dialog[open] .snd-zb__card{animation:sndZbIn .2s var(--zb-ease) 80ms both}.dialog-zoomed-gallery__dialog[data-snd-zb] .dialog-thumbnails-list{inset:50% auto auto 0}}@media screen and (min-width:750px)and (max-height:639px){.snd-zb__title,.snd-zb__options,.snd-zb__stock{display:none!important}.snd-zb__card{gap:12px;padding:16px}}@media screen and (max-width:749px){snd-zoom-buy{left:0;right:0;bottom:0}.snd-zb__card{gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));box-shadow:0 -1px #0000001a}.dialog-zoomed-gallery__dialog[open] .snd-zb__card{animation:sndZbIn .2s var(--zb-ease) 80ms both}.snd-zb__card>.snd-zb__head,.snd-zb__card>.snd-zb__options,.snd-zb__card>.snd-zb__stock,.snd-zb__wish{display:none!important}.snd-zb__actions{gap:16px}.snd-zb__summary{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:1;min-width:0;max-width:45%;min-height:48px;gap:2px;padding:0;border:0;background:none;color:var(--zb-ink);font:inherit;text-align:left;cursor:pointer}.snd-zb__summary-price{font-size:18px;font-weight:700;line-height:22px;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}.snd-zb__summary-value{display:inline-flex;align-items:center;gap:4px;max-width:100%;font-size:13px;line-height:18px;text-decoration:underline 1px;text-underline-offset:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snd-zb__summary-value:after{content:"";flex-shrink:0;width:12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.snd-zb__summary[data-no-options]{cursor:default}.snd-zb__summary[data-no-options] .snd-zb__summary-value{display:none}.snd-zb__view{margin-top:0}.dialog-zoomed-gallery__dialog[data-snd-zb] .dialog-thumbnails-list-container{bottom:var(--snd-zb-h, 0px)}.dialog-zoomed-gallery__dialog[data-snd-zb] .dialog-zoomed-gallery{height:calc(100% - var(--snd-zb-h, 0px))}.snd-zb__scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;animation:sndZbFade .2s var(--zb-ease) both}.snd-zb__sheet{display:flex;flex-direction:column;gap:16px;position:fixed;left:0;right:0;bottom:0;max-height:85dvh;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;padding:8px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:12px 12px 0 0;background:#fff;animation:sndZbSheetIn .24s cubic-bezier(.32,.72,0,1) both}snd-zoom-buy[data-closing] .snd-zb__sheet{animation:sndZbSheetOut .18s var(--zb-ease) both}snd-zoom-buy[data-closing] .snd-zb__scrim{animation:sndZbFade .18s var(--zb-ease) reverse both}.snd-zb__grip{align-self:center;width:36px;height:4px;border-radius:999px;background:#d9d9d9}.snd-zb__sheet-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.snd-zb__sheet-label{font-size:15px;line-height:22px;min-width:0}.snd-zb__sheet-label .snd-zb__opt-value{font-weight:600}.snd-zb__sheet-price{margin-left:auto;font-size:18px;font-weight:700;line-height:22px;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}.snd-zb__options--sheet .snd-zb__swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.snd-zb__options--sheet .snd-zb__swatch{width:auto;height:auto;display:flex;flex-direction:column;gap:8px;text-align:left}.snd-zb__options--sheet .snd-zb__swatch-img{border-radius:8px}.snd-zb__options--sheet .snd-zb__swatch[aria-checked=true] .snd-zb__swatch-img{box-shadow:0 0 0 2px var(--zb-ink)}.snd-zb__options--sheet .snd-zb__swatch-dot{top:8px;right:8px}.snd-zb__swatch-cap{font-size:13px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snd-zb__swatch[aria-checked=true] .snd-zb__swatch-cap{font-weight:600}.snd-zb__select select{font-size:16px}.snd-zb__add--sheet{flex:0 0 auto;height:52px}}@media screen and (min-width:750px){.snd-zb__swatch-cap{display:none}}@keyframes sndZbIn{0%{opacity:0;transform:translateY(8px)}}@keyframes sndZbFade{0%{opacity:0}}@keyframes sndZbSheetIn{0%{transform:translateY(100%)}}@keyframes sndZbSheetOut{to{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.dialog-zoomed-gallery__dialog[open] .snd-zb__card{animation:sndZbFade .15s linear both}.snd-zb__add-face{transition:opacity .15s linear;transform:none!important}.snd-zb__sheet,snd-zoom-buy[data-closing] .snd-zb__sheet{animation:sndZbFade .15s linear both}.snd-zb__add:active:not(:disabled),.snd-zb__wish:active{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/snd-zoom-buy.css.map */