html.psn-open{overflow:hidden}.psn{--psn-h: 100vh;--psn-h: 100dvh;--psn-panel-bg: #fafafa;--psn-muted: #6b6b6b;--psn-error: #900b09;width:100%;max-width:100%;height:var(--psn-h);max-height:none;margin:0;padding:0;border:0;background:#fff;color:#000}.psn::backdrop{background:#0006}.psn__inner{display:flex;flex-direction:column;height:100%}.psn__sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.psn__media{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;flex-shrink:0;background:#eee}.psn__media-bg{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;width:calc(100% + 48px);height:calc(100% + 48px);filter:blur(12px);pointer-events:none}.psn__canvas{position:relative;z-index:1;flex-shrink:0;container-type:inline-size;width:100%;aspect-ratio:var(--psn-ratio);transform-origin:0 0;transition:transform .6s cubic-bezier(.25,.1,.25,1)}.psn__media.is-zoomable{touch-action:manipulation}@media(hover:hover)and (pointer:fine){.psn__media.is-zoomable{cursor:zoom-in}.psn__media.is-zoomable.is-zoomed{cursor:zoom-out}}.psn__canvas.is-zoom-settled{position:absolute;top:0;left:0;transition:none}.psn__zoom{position:absolute;right:12px;bottom:12px;z-index:2;display:grid;place-content:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:#fbfbfb66;box-shadow:inset 0 0 0 1px #00000026;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.psn__zoom[hidden]{display:none}.psn__zoom svg{width:20px;height:20px;transition:transform .3s ease}.psn__zoom[aria-pressed=true] svg{transform:rotate(45deg)}.psn__zoom:focus-visible{outline:2px solid #000;outline-offset:2px}.psn__image{display:block;width:100%;height:100%;object-fit:contain}.psn__letters{--psn-letter-offset: calc(var(--psn-letter-spacing, 0) * var(--psn-letter-size) * .01cqw);position:absolute;display:flex;align-items:center;transform:translate(-50%,-50%);pointer-events:none}.psn__letters--vertical{flex-direction:column}.psn__letters--horizontal{align-items:flex-start}.psn__letters--vertical .psn__letter+.psn__letter{margin-top:var(--psn-letter-offset)}.psn__letters--horizontal .psn__letter+.psn__letter{margin-left:var(--psn-letter-offset)}.psn__letter{display:block;flex-shrink:0;width:auto;height:calc(var(--psn-letter-size) * 1cqw * var(--psn-letter-scale, 1))}.psn__panel{display:flex;flex-direction:column;flex:1;min-height:0;padding:16px;background:var(--psn-panel-bg);overflow-y:auto}.psn__header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--psn-panel-bg)}.psn__title{margin:0;font-size:12px;font-style:normal;font-weight:350;line-height:100%;letter-spacing:.48px;text-transform:uppercase}.psn__close{display:grid;place-content:center;flex-shrink:0;width:32px;height:32px}.psn__disclaimer{max-width:420px;margin:32px 0 0;font-size:12px;font-style:normal;font-weight:350;line-height:124%;color:var(--psn-muted)}.psn__disclaimer p{margin:0}.psn__disclaimer p+p{margin-top:8px}.psn__disclaimer a{color:inherit;text-decoration:underline}.psn__body{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:120px 0 16px}.psn__step{margin:0;padding:0;border:0;min-width:0}.psn__step[hidden]{display:none}.psn__step-title{display:block;width:100%;margin-bottom:32px;padding:0;font-size:20px;font-style:normal;font-weight:400;line-height:100%;text-align:center;text-transform:uppercase}.psn__types{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.psn__type{display:flex;flex-direction:column;align-items:center;padding-top:12px;cursor:pointer;text-align:center;overflow:hidden}.psn__type--static{cursor:default}.psn__type:has(input:focus-visible){outline:2px solid #000;outline-offset:2px}.psn__type-name{margin-bottom:8px;font-size:20px;font-style:normal;font-weight:400;line-height:100%;text-transform:uppercase}.psn__type-description{font-size:12px;font-style:normal;font-weight:350;line-height:100%;letter-spacing:-.24px;color:var(--psn-muted)}.psn__type-images{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;width:100%;margin-top:auto;padding-top:40px}.psn__type-image{display:block;width:100%;height:auto;aspect-ratio:518 / 312;object-fit:cover}.psn__type-image--pair{aspect-ratio:4 / 5}.psn__input{width:100%;height:46px;margin-bottom:8px;padding:0 12px;border:1px solid transparent;border-radius:var(--Radius-050, 2px);background:var(--Background-Default-Secondary, #efefef);font-size:24px;font-style:normal;font-weight:350;line-height:124%;text-align:center;text-transform:uppercase}.psn__input::placeholder{color:#9b9b9b}.psn__input:focus-visible{outline:2px solid #000;outline-offset:2px}.psn__input.is-error{border-color:var(--psn-muted);background:#fff;color:var(--psn-error)}.psn__message{margin:0;font-size:12px;font-style:normal;font-weight:350;line-height:100%;letter-spacing:-.24px;text-align:center;color:var(--psn-muted)}.psn__message.is-error{color:var(--psn-error)}.psn__color-label{margin:0 0 16px;font-size:12px;font-style:normal;font-weight:350;line-height:100%;letter-spacing:-.24px;text-align:center;color:#6b6b6b}.psn__color-label span{color:#000}.psn__swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.psn__swatches[hidden]{display:none}.psn__swatch{cursor:pointer}.psn__swatch-chip{display:block;box-sizing:border-box;width:50px;height:30px;padding:4px;border:1px solid transparent;border-radius:var(--Radius-050, 2px);background:var(--Background-Default-Secondary, #efefef)}.psn__swatch-color{display:block;width:100%;height:100%;background:var(--psn-swatch-color-1)}.psn__swatch-color--duo{box-shadow:2px 2px 0 var(--psn-swatch-color-2)}.psn__swatch-chip img{display:block;width:100%;height:100%;object-fit:cover}.psn__swatch:hover .psn__swatch-chip{border-color:#d4d4d4}.psn__swatch:has(input:checked) .psn__swatch-chip{border-color:#070707}.psn__swatch:has(input:focus-visible) .psn__swatch-chip{outline:2px solid #070707;outline-offset:2px}.psn__footer{position:sticky;bottom:0;z-index:3;padding-top:16px;border-top:1px solid #e6e6e6;background:var(--psn-panel-bg)}.psn__summary{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-style:normal;font-weight:350;line-height:100%;letter-spacing:-.24px}.psn__progress{display:flex;align-items:center;gap:8px}.psn__progress-bar{position:relative;flex-shrink:0;width:80px;height:8px;background:#e6e6e6;border-radius:4px;overflow:hidden}.psn__progress-bar span{position:absolute;inset:0 auto 0 0;background:#070707;border-radius:4px;transition:width .2s ease}.psn__progress-text{display:flex;gap:8px;white-space:nowrap;color:#6b6b6b}.psn__subtotal{display:flex;gap:16px;margin:0}.psn__error:empty{display:none}.psn__error{margin:12px 0 0;font-size:12px;color:var(--psn-error)}.psn__actions{display:flex;gap:4px;margin-top:32px}.psn__back{display:grid;place-content:center;flex-shrink:0;width:36px;height:36px;background:#000;color:#fff}.psn__back[hidden]{display:none}.psn__back svg{width:6px;height:auto}.psn__back path{stroke:currentColor}.psn__next{flex:1;height:36px;background:#000;color:#fff;font-size:12px;font-style:normal;font-weight:350;line-height:100%;letter-spacing:.48px;text-transform:uppercase}@media(hover:hover)and (pointer:fine){.psn__back:hover,.psn__next:not(:disabled,[aria-disabled=true]):hover{background:rgb(var(--color-scheme-solid-button-background-hover));color:rgb(var(--color-scheme-solid-button-text-hover))}}.psn__next:disabled{background:#7a7a7a;color:#b2b2b2;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.psn__progress-bar span,.psn__canvas,.psn__zoom svg{transition:none}}.psn__next.is-loading{opacity:.6;cursor:progress}.psn__back:focus-visible,.psn__next:focus-visible,.psn__close:focus-visible{outline:2px solid #000;outline-offset:2px}@media screen and (max-width:989px){.psn__inner{overflow-y:auto;background:var(--psn-panel-bg)}.psn__panel{display:contents}.psn__header{order:1;padding:8px 12px}.psn__media{order:2;width:100%}.psn__body{order:3;flex:1 0 auto;padding:32px 12px 0}.psn__disclaimer{order:4;margin:64px 0 0;padding:0 12px 24px}.psn__footer{order:5;padding:16px 12px calc(16px + env(safe-area-inset-bottom))}.psn__back,.psn__next{height:28px}.psn__back{width:28px}}@media screen and (min-width:990px){.psn__inner{display:grid;grid-template-columns:calc(890 / 1440 * 100%) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.psn__media{grid-column:1;grid-row:1 / -1}.psn__header{grid-column:2;grid-row:1;padding:32px 16px 0}.psn__zoom{right:16px;bottom:32px;width:48px;height:48px}.psn__zoom svg{width:24px;height:24px}.psn__type{align-items:flex-start;text-align:left}.psn__panel{grid-column:2;grid-row:2;padding:0 16px}.psn__footer{padding-bottom:16px}}
/*# sourceMappingURL=/cdn/shop/t/155/assets/personalization-popup.css.map */