.ss-photo-cookie{--ss-zoom-view: 1.7;display:block}.ss-photo-cookie [hidden]{display:none!important}.ss-photo-cookie__intro{margin-top:18px}.ss-photo-cookie__heading{display:inline-flex;margin-bottom:4px}.ss-photo-cookie__heading sup{top:-.2rem;left:.2rem;color:#da3f3f}.ss-photo-cookie__text p{margin:0}.ss-photo-cookie__stage{position:relative;aspect-ratio:5 / 4;isolation:isolate;-webkit-user-select:none;user-select:none}.ss-photo-cookie__viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}.ss-photo-cookie__scene{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0;transition:transform .55s cubic-bezier(.22,.8,.26,1)}.ss-photo-cookie[data-view=cookie] .ss-photo-cookie__scene{transform:translate(calc(50% - var(--ss-cookie-x) * var(--ss-zoom-view)),calc(50% - var(--ss-cookie-y) * var(--ss-zoom-view))) scale(var(--ss-zoom-view))}.ss-photo-cookie__board{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.ss-photo-cookie__window{position:absolute;top:var(--ss-cookie-y);left:var(--ss-cookie-x);width:var(--ss-photo-d);aspect-ratio:1 / 1;overflow:hidden;border-radius:50%;clip-path:circle(50% at 50% 50%);transform:translate(-50%,-50%);outline:none}.ss-photo-cookie__window:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:50%;pointer-events:none}.ss-photo-cookie.has-photo .ss-photo-cookie__window:after{box-shadow:inset 0 0 0 1px #462d1e1a,inset 0 0 4px #462d1e29}.ss-photo-cookie.has-photo .ss-photo-cookie__window{cursor:grab;touch-action:none}.ss-photo-cookie.is-dragging .ss-photo-cookie__window{cursor:grabbing}.ss-photo-cookie__window:focus-visible:after{box-shadow:inset 0 0 0 3px rgb(var(--color-foreground))}.ss-photo-cookie__photo{display:block;position:absolute;top:0;left:0;max-width:none;transform-origin:0 0;pointer-events:none;-webkit-user-drag:none}.ss-photo-cookie__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;padding:0 14%;border:0;border-radius:50%;background:transparent;color:rgb(var(--color-foreground));font-size:clamp(11px,2.8vw,14px);font-weight:500;line-height:1.2;text-align:center;cursor:pointer;transition:background-color .2s ease}.ss-photo-cookie__empty:before{content:"";position:absolute;top:5%;right:5%;bottom:5%;left:5%;border:1.5px dashed rgba(var(--color-foreground),.38);border-radius:50%;transition:border-color .2s ease}.ss-photo-cookie__empty:hover,.ss-photo-cookie__empty:focus-visible{background-color:#ffffff73;outline:none}.ss-photo-cookie__empty:hover:before,.ss-photo-cookie__empty:focus-visible:before{border-color:rgb(var(--color-foreground))}.ss-photo-cookie__empty-icon{width:clamp(18px,24%,34px);height:auto}.ss-photo-cookie.has-photo .ss-photo-cookie__empty{display:none}.ss-photo-cookie.is-loading .ss-photo-cookie__stage{cursor:progress}.ss-photo-cookie.is-loading .ss-photo-cookie__empty{opacity:.4}.ss-photo-cookie__view{position:absolute;right:10px;bottom:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:8px 13px 8px 10px;border:0;border-radius:999px;background-color:#ffffffeb;box-shadow:0 1px 4px #0000001f;color:rgb(var(--color-foreground));font-size:13px;font-weight:500;line-height:1;cursor:pointer}.ss-photo-cookie__view svg{width:16px;height:16px;flex:0 0 16px}.ss-photo-cookie[data-view=cookie] .ss-photo-cookie__view-vertical{display:none}.ss-photo-cookie.is-missing .ss-photo-cookie__empty:before{border-width:2px;border-color:rgb(var(--color-error, 218, 63, 63))}.ss-photo-cookie.is-missing .ss-photo-cookie__pick{animation:ss-photo-cookie-missing .9s ease 3}@keyframes ss-photo-cookie-missing{0%,to{box-shadow:0 0 rgba(var(--color-error, 218, 63, 63),0)}50%{box-shadow:0 0 0 3px rgba(var(--color-error, 218, 63, 63),.9)}}.ss-photo-cookie__controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:14px}.ss-photo-cookie__stage+.ss-photo-cookie__controls{margin-top:18px}.ss-photo-cookie__pick{flex:1 1 160px}.ss-photo-cookie__zoom{display:flex;flex:1 1 200px;align-items:center;gap:8px}.ss-photo-cookie__zoom-button{display:inline-flex;flex:0 0 36px;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid rgba(var(--color-foreground),.22);border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;transition:border-color .2s ease}.ss-photo-cookie__zoom-button:hover{border-color:rgb(var(--color-foreground))}.ss-photo-cookie__zoom-button svg{width:16px;height:16px}.ss-photo-cookie__zoom-range{flex:1 1 auto;min-width:0;height:36px;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.ss-photo-cookie__zoom-range:focus{outline:none}.ss-photo-cookie__zoom-range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,rgb(var(--color-foreground)) var(--ss-zoom-fill, 0%),rgba(var(--color-foreground),.18) var(--ss-zoom-fill, 0%))}.ss-photo-cookie__zoom-range::-moz-range-track{height:4px;border-radius:2px;background:rgba(var(--color-foreground),.18)}.ss-photo-cookie__zoom-range::-moz-range-progress{height:4px;border-radius:2px;background:rgb(var(--color-foreground))}.ss-photo-cookie__zoom-range::-webkit-slider-thumb{width:20px;height:20px;margin-top:-8px;border:2px solid rgb(var(--color-foreground));border-radius:50%;background:rgb(var(--color-background));-webkit-appearance:none;appearance:none}.ss-photo-cookie__zoom-range::-moz-range-thumb{box-sizing:border-box;width:20px;height:20px;border:2px solid rgb(var(--color-foreground));border-radius:50%;background:rgb(var(--color-background))}.ss-photo-cookie__zoom-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(var(--color-foreground),.25)}.ss-photo-cookie__status{margin:10px 0 0;font-size:14px;line-height:1.45;color:rgb(var(--color-foreground-secondary, var(--color-foreground)))}.ss-photo-cookie__status.is-error{color:rgb(var(--color-error, 218, 63, 63))}.ss-photo-cookie__status.is-warning{color:#8a4b00}.ss-photo-cookie__status.is-success{color:#2f7a45}.ss-order-multiple-note{margin:24px 0 14px;font-size:14px;line-height:1.45;color:rgb(var(--color-foreground-secondary, var(--color-foreground)))}@media screen and (max-width:767px){.ss-order-multiple-note{margin-top:20px}}@media(prefers-reduced-motion:reduce){.ss-photo-cookie__scene{transition:none}.ss-photo-cookie.is-missing .ss-photo-cookie__pick{animation:none;box-shadow:0 0 0 3px rgb(var(--color-error, 218, 63, 63))}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/photo-cookie.css.map */