@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=DM+Sans:wght@400;500;600&display=swap";.yps-drawer{--yps-cream: #F5F0EA;--yps-ink: #1E2D4A;--yps-terra: #C4694A;--yps-teal: #0F6E56;--yps-border: #D9CFBE;--yps-muted: #6B5F53;--yps-radius: 4px}.yps-drawer[hidden]{display:none}.yps-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;font-family:DM Sans,sans-serif}.yps-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e2d4a73;opacity:0;transition:opacity .25s ease}.yps-drawer.is-open .yps-drawer__backdrop{opacity:1}.yps-drawer__panel{position:absolute;top:0;right:0;height:100%;width:480px;max-width:100%;background:var(--yps-cream);color:var(--yps-ink);display:flex;flex-direction:column;box-shadow:-16px 0 48px #1e2d4a2e;transform:translate(100%);transition:transform .32s cubic-bezier(.22,1,.36,1);will-change:transform}.yps-drawer.is-open .yps-drawer__panel{transform:translate(0)}.yps-drawer__header{position:relative;padding:24px 28px 18px;border-bottom:1px solid var(--yps-border);flex-shrink:0}.yps-drawer__eyebrow{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--yps-teal);margin:0 0 6px}.yps-drawer__title{font-family:Cormorant Garamond,serif;font-weight:500;font-size:32px;line-height:1;margin:0;text-transform:lowercase;color:var(--yps-ink)}.yps-drawer__close{position:absolute;top:20px;right:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--yps-border);border-radius:50%;color:var(--yps-ink);cursor:pointer;transition:background .2s ease,color .2s ease}.yps-drawer__close:hover{background:var(--yps-ink);color:var(--yps-cream)}.yps-drawer__close:focus-visible{outline:2px solid var(--yps-teal);outline-offset:2px}.yps-drawer__body{flex:1 1 auto;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:28px}.yps-step__head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.yps-step__num{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--yps-ink);color:var(--yps-cream);font-size:12px;font-weight:600;border-radius:50%}.yps-step__label{font-size:14px;font-weight:600;color:var(--yps-ink);text-transform:lowercase;cursor:pointer;margin:0}.yps-step__pick{font-weight:400;color:var(--yps-terra);margin-left:4px}.yps-input{width:100%;padding:12px 14px;border:1px solid var(--yps-border);border-radius:var(--yps-radius);background:#fff;font-size:15px;color:var(--yps-ink);font-family:inherit}.yps-input:focus-visible{outline:2px solid var(--yps-teal);outline-offset:1px;border-color:var(--yps-teal)}.yps-counter{display:block;text-align:right;font-size:11px;color:var(--yps-muted);margin-top:6px}.yps-counter.is-max{color:var(--yps-terra)}.yps-palette{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}.yps-swatch-wrap{position:relative;cursor:pointer;display:block}.yps-swatch-wrap input{position:absolute;opacity:0;width:0;height:0}.yps-swatch{display:block;aspect-ratio:1 / 1;border-radius:50%;border:2px solid transparent;transition:transform .18s ease,box-shadow .18s ease}.yps-swatch--light{box-shadow:inset 0 0 0 1px var(--yps-border)}.yps-swatch-wrap input:checked+.yps-swatch{border-color:var(--yps-teal);transform:scale(1.12);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--yps-teal)}.yps-swatch-wrap input:focus-visible+.yps-swatch{outline:2px solid var(--yps-ink);outline-offset:3px}.yps-swatch-wrap:hover .yps-swatch{transform:scale(1.08)}.yps-addon{display:flex;align-items:center;gap:12px;cursor:pointer}.yps-addon__input{position:absolute;opacity:0;width:0;height:0}.yps-addon__box{flex-shrink:0;width:22px;height:22px;border:2px solid var(--yps-border);border-radius:var(--yps-radius);background:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease}.yps-addon__input:checked+.yps-addon__box{background:var(--yps-teal);border-color:var(--yps-teal)}.yps-addon__input:checked+.yps-addon__box:after{content:"";width:5px;height:9px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) translate(-1px,-1px)}.yps-addon__input:focus-visible+.yps-addon__box{outline:2px solid var(--yps-teal);outline-offset:2px}.yps-addon__text{font-size:14px;color:var(--yps-ink)}.yps-addon__disabled{opacity:.45;cursor:not-allowed}.yps-drawer__footer{flex-shrink:0;padding:20px 28px 24px;border-top:1px solid var(--yps-border);background:var(--yps-cream)}.yps-recap{margin:0 0 16px;display:flex;flex-direction:column;gap:6px}.yps-recap__row{display:flex;justify-content:space-between;align-items:baseline;font-size:13px}.yps-recap__row dt{color:var(--yps-muted);text-transform:lowercase;margin:0}.yps-recap__row dd{margin:0;color:var(--yps-ink)}.yps-recap__row--total{padding-top:8px;border-top:1px dashed var(--yps-border);font-size:16px}.yps-recap__row--total dt{color:var(--yps-ink);font-weight:600}.yps-recap__row--total dd{font-weight:600}.yps-drawer__error{margin:0 0 12px;padding:10px 12px;border-radius:var(--yps-radius);background:#c4694a1a;border:1px solid var(--yps-terra);color:var(--yps-terra);font-size:13px;line-height:1.4}.yps-drawer__atc{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:var(--yps-teal);color:#fff;border:0;border-radius:var(--yps-radius);font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .2s ease}.yps-drawer__atc:hover{background:var(--yps-ink)}.yps-drawer__atc:focus-visible{outline:2px solid var(--yps-ink);outline-offset:2px}.yps-drawer__atc[aria-busy=true]{opacity:.7;cursor:progress}.yps-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:yps-spin .7s linear infinite}@keyframes yps-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.yps-drawer__panel{top:auto;bottom:0;right:0;left:0;width:100%;height:90vh;max-height:90vh;border-radius:16px 16px 0 0;box-shadow:0 -16px 48px #1e2d4a33;transform:translateY(100%)}.yps-drawer.is-open .yps-drawer__panel{transform:translateY(0)}.yps-palette{grid-template-columns:repeat(8,1fr)}}@media(prefers-reduced-motion:reduce){.yps-drawer__panel,.yps-drawer__backdrop{transition:none}.yps-spinner{animation-duration:1.4s}}.yps-stickybar{display:none}@media(min-width:769px){.template-product .product__info .product-form__buttons{position:sticky;bottom:12px;z-index:5;background:#f5f0eaf5;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:12px;margin:4px -12px 0;border-radius:6px;box-shadow:0 6px 24px #1e2d4a1a}}@media(max-width:768px){.yps-stickybar{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:14px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--yps-cream, #F5F0EA);border-top:1px solid var(--yps-border, #D9CFBE);box-shadow:0 -8px 24px #1e2d4a1a;font-family:DM Sans,sans-serif}.yps-stickybar__price{font-size:17px;font-weight:600;color:var(--yps-ink, #1E2D4A);white-space:nowrap}.yps-stickybar__cta{flex:1 1 auto;padding:14px 20px;background:var(--yps-teal, #0F6E56);color:#fff;border:0;border-radius:var(--yps-radius, 4px);font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.yps-stickybar__cta:active{background:var(--yps-ink, #1E2D4A)}body.template-product{padding-bottom:76px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/ypersoa-customizer-drawer.css.map */