pp-frame-picker{position:relative;display:block;width:100%;min-width:0}pp-frame-picker[data-frame-open]{z-index:40}pp-frame-picker [hidden],pp-frame-picker .pp-frame-native-hidden{display:none!important}.pp-frame{--frame-ink: #001f2a;--frame-gold: #967238;--frame-swatch-size: 74px;position:relative;color:var(--frame-ink);width:100%}.pp-frame[data-picker-open]{z-index:2}.pp-frame--format{margin-bottom:12px}.pp-frame *,.pp-frame *:before,.pp-frame *:after{box-sizing:border-box}.pp-frame__trigger{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:14px;width:100%;padding:20px 22px;min-height:92px;border:1px solid rgba(0,31,42,.23);border-radius:4px;background:#f8f4eb;color:var(--frame-ink);cursor:pointer;text-align:left;font:inherit;transition:color .25s ease,border-color .25s ease}.pp-frame__trigger:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:#eee6d7;transform:translate(-101%);transition:transform .35s cubic-bezier(.22,.61,.36,1)}.pp-frame__trigger:hover,.pp-frame__trigger[aria-expanded=true]{color:var(--frame-ink);border-color:var(--frame-gold)}.pp-frame__trigger:hover:before,.pp-frame__trigger[aria-expanded=true]:before{transform:translate(0)}.pp-frame__trigger-copy{display:flex;flex-direction:column;gap:6px;flex:1}.pp-frame__eyebrow{font-family:var(--font-body--family, sans-serif);font-size:9px;font-weight:600;line-height:1.4;letter-spacing:.17em;text-transform:uppercase}.pp-frame__trigger-title{font-size:15px;font-weight:500;line-height:1.4}.pp-frame__current{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.pp-frame__current img{width:23px;height:23px;border-radius:50%;border:1px solid rgba(153,136,105,.45);object-fit:cover}.pp-frame__chevron{width:18px;height:18px;flex:none;transition:transform .3s ease}.pp-frame__trigger[aria-expanded=true] .pp-frame__chevron{transform:rotate(180deg)}.pp-frame__panel{position:absolute;top:calc(100% + 10px);left:0;width:100%;z-index:1;margin:0;padding:12px 12px 18px;overflow:hidden;border-radius:6px;border:1px solid rgba(150,114,56,.3);color:var(--frame-ink);background:#f8f4eb;box-shadow:0 20px 48px -14px #001f2a3d,0 3px 10px #001f2a0f;animation:pp-frame-panel-in .3s ease both}.pp-frame__arc{position:relative;width:100%;max-width:460px;aspect-ratio:100 / 92;margin:0 auto}.pp-frame__orbit{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:none;stroke:var(--frame-gold);stroke-width:.17;opacity:.24;pointer-events:none}.pp-frame__option{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,calc(var(--frame-swatch-size) / -2));width:var(--frame-swatch-size);display:flex;flex-direction:column;align-items:center;gap:11px;padding:0 0 6px;background:none;border:0;color:var(--frame-ink);cursor:pointer;font:inherit;text-align:center;animation:pp-frame-option-in .38s ease both;animation-delay:var(--delay)}.pp-frame__option--1{--x: 10%;--y: 73.913%;--delay: 0ms}.pp-frame__option--2{--x: 17.639%;--y: 38.135%;--delay: 30ms}.pp-frame__option--3{--x: 37.639%;--y: 16.023%;--delay: 60ms}.pp-frame__option--4{--x: 62.361%;--y: 16.023%;--delay: 90ms}.pp-frame__option--5{--x: 82.361%;--y: 38.135%;--delay: .12s}.pp-frame__option--6{--x: 90%;--y: 73.913%;--delay: .15s}.pp-frame__swatch{position:relative;display:block;width:var(--frame-swatch-size);height:var(--frame-swatch-size);padding:4px;border:1px solid rgba(150,114,56,.34);border-radius:50%;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.pp-frame__swatch img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.pp-frame__name{font-size:13px;letter-spacing:.04em;line-height:1.3}.pp-frame__option:hover .pp-frame__swatch{border-color:var(--frame-gold);transform:translateY(-2px)}.pp-frame__option[aria-checked=true] .pp-frame__swatch{border-color:var(--frame-gold);box-shadow:0 0 0 3px #d6b97d1a}.pp-frame__option[aria-checked=true] .pp-frame__name{color:var(--frame-gold)}.pp-frame__check{position:absolute;display:none;right:-1px;bottom:0;width:18px;height:18px;border-radius:50%;background:var(--frame-gold);color:#fff;font:700 11px/18px sans-serif}.pp-frame__option[aria-checked=true] .pp-frame__check{display:block}.pp-frame__selection{position:absolute;left:28%;right:28%;top:66%;text-align:center;pointer-events:none}.pp-frame__selection .pp-frame__eyebrow{display:block;color:#526167;font-size:8px}.pp-frame__selection [data-frame-selected-name]{display:block;margin-top:7px;font-family:var(--font-heading--family, Georgia, serif);font-size:clamp(23px,2.5vw,32px);line-height:1.1;font-weight:400;color:var(--frame-ink)}.pp-frame__status{min-height:18px;margin:0 6px;font-size:11px;line-height:1.6;color:#526167;text-align:center}.pp-frame__trigger:focus-visible{outline:2px solid #9a743d;outline-offset:4px}.pp-frame__option:focus-visible{outline:1px solid var(--frame-gold);outline-offset:5px;border-radius:4px}.pp-frame__panel--format{padding:20px 18px 16px}.pp-frame__formats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.pp-frame__format{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:12px 8px 18px;border:1px solid rgba(150,114,56,.25);border-radius:4px;background:transparent;color:var(--frame-ink);font:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease}.pp-frame__format:hover,.pp-frame__format[aria-checked=true]{border-color:var(--frame-gold);background:#eee6d7}.pp-frame__format:focus-visible{outline:2px solid var(--frame-gold);outline-offset:3px}.pp-frame__format-art{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100px;max-width:100%;height:140px;padding-bottom:10px}.pp-frame__format-art>span:first-child{display:block;width:75%;aspect-ratio:3 / 4;border:5px solid var(--frame-ink);background:#f8f4eb;box-shadow:inset 0 0 0 1px #96723840,3px 5px 9px #001f2a1f}.pp-frame__format-art--2>span:first-child{width:100%;aspect-ratio:4 / 5}.pp-frame__format[aria-checked=true] .pp-frame__check{display:block;right:-3px;bottom:7px}.pp-frame__format-name{font-size:14px;font-weight:500;line-height:1.4;white-space:nowrap}.pp-frame__format-price{font-size:13px;color:#526167}@keyframes pp-frame-panel-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes pp-frame-option-in{0%{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}@media(max-width:749px){.pp-frame{--frame-swatch-size: 64px}.pp-frame__trigger{padding:16px;gap:10px;min-height:84px}.pp-frame__trigger-title{font-size:14px}.pp-frame__option{gap:8px}.pp-frame__name{font-size:12px}.pp-frame__panel--format{padding:14px 12px}.pp-frame__formats{gap:10px}.pp-frame__format-art{width:84px;height:122px}.pp-frame__format-name{font-size:13px}}@media(max-width:374px){.pp-frame{--frame-swatch-size: 56px}.pp-frame__name{font-size:11px}.pp-frame__current{gap:5px;font-size:11px}}@media(prefers-reduced-motion:reduce){.pp-frame *,.pp-frame *:before{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/pp-frame-picker.css.map */