html.tot-sales{--ink:#173f46;--muted:#607579;--teal:#1598a4;--dark:#0b7079;--cream:#fffaf0;--aqua:#e9fbfb}html.tot-sales main{background:radial-gradient(circle at 88% 15%,rgba(102,217,207,.15),transparent 28rem),radial-gradient(circle at 8% 88%,rgba(255,195,100,.14),transparent 30rem),var(--cream)}.tot-panel{background:#fffffff0;border:1px solid rgba(255,255,255,.88);border-radius:24px;box-shadow:0 22px 60px #28494d1f;padding:clamp(1.25rem,2.6vw,2.25rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tot-panel h1,.tot-panel .product__title{color:var(--ink);letter-spacing:-.025em;line-height:1.05}.tot-panel .tods-field input:not([type=radio]),.tot-panel .tods-field select,.tot-panel .tods-field textarea{min-height:52px;border:1.5px solid rgba(23,63,70,.2);border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 4px 14px #1c454a0d;transition:border-color .18s,box-shadow .18s}.tot-panel .tods-field input:not([type=radio]):focus,.tot-panel .tods-field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px #1598a424;outline:0}.tot-old{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.tot-help{display:none!important}.tot-picker{margin:1.35rem 0 1.65rem;color:var(--ink)}.tot-picker fieldset{min-width:0;margin:0;padding:0;border:0}.tot-picker legend{display:block;width:100%;padding:0;color:var(--ink)}.tot-title{display:block;font-size:clamp(1.05rem,1.7vw,1.28rem);font-weight:750;line-height:1.2}.tot-hint{display:block;margin-top:.3rem;color:var(--muted);font-size:.9rem;line-height:1.45}.tot-group{margin-top:1rem}.tot-group-title{margin:0 0 .55rem;color:var(--muted);font-size:.74rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.tot-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.55rem,1.15vw,.85rem)}.tot-choice{position:relative;min-width:0;animation:tot-float 5.2s ease-in-out infinite;will-change:transform}.tot-choice:nth-child(2){animation-delay:-1.1s;animation-duration:5.8s}.tot-choice:nth-child(3){animation-delay:-2.4s;animation-duration:6.2s}.tot-choice:nth-child(4){animation-delay:-3.3s;animation-duration:5.5s}.tot-choice:nth-child(5){animation-delay:-4.2s;animation-duration:6s}@keyframes tot-float{0%,to{transform:translateZ(0) rotate(-.15deg)}50%{transform:translate3d(0,-5px,0) rotate(.15deg)}}.tot-radio{position:absolute;top:50%;left:50%;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.tot-tile{position:relative;display:block;aspect-ratio:1;margin:0;overflow:hidden;border:2px solid rgba(23,63,70,.12);border-radius:18px;background:linear-gradient(150deg,#fff,#eefafa);box-shadow:0 9px 20px #234c511c;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s;-webkit-tap-highlight-color:transparent}.tot-tile img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.02);transition:transform .22s}.tot-check{position:absolute;top:.42rem;right:.42rem;display:grid;width:1.55rem;height:1.55rem;place-items:center;border:2px solid #fff;border-radius:50%;background:var(--teal);color:#fff;font-weight:800;opacity:0;box-shadow:0 5px 12px #0b70794d;transform:scale(.7);transition:opacity .16s,transform .16s}.tot-radio:checked+.tot-tile{border-color:var(--teal);box-shadow:0 0 0 4px #1598a429,0 14px 28px #1d646b2e;transform:translateY(-3px)}.tot-radio:checked+.tot-tile img{transform:scale(1.065)}.tot-radio:checked+.tot-tile .tot-check{opacity:1;transform:scale(1)}.tot-radio:focus-visible+.tot-tile{outline:3px solid #0c6068;outline-offset:3px}@media(hover:hover){.tot-tile:hover{border-color:#1598a4a6;box-shadow:0 15px 30px #1d646b2b;transform:translateY(-4px)}.tot-tile:hover img{transform:scale(1.065)}}.tot-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:1rem 0}.tot-benefits span{display:flex;min-height:52px;align-items:center;justify-content:center;padding:.65rem .55rem;border:1px solid rgba(21,152,164,.16);border-radius:13px;background:var(--aqua);color:var(--ink);font-size:.78rem;font-weight:700;text-align:center}.tot-form button[type=submit],.tot-form .shopify-payment-button__button{min-height:56px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--ink),var(--dark));color:#fff;box-shadow:0 12px 25px #0e545b38;font-weight:750;transition:transform .18s,box-shadow .18s,filter .18s}@media(hover:hover){.tot-form button[type=submit]:hover,.tot-form .shopify-payment-button__button:hover{filter:brightness(1.06);box-shadow:0 16px 30px #0e545b47;transform:translateY(-2px)}}@media(max-width:749px){.tot-panel{border-radius:20px;padding:1.15rem}.tot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.tot-tile{border-radius:15px}.tot-benefits{grid-template-columns:1fr}.tot-benefits span{min-height:44px}}@media(prefers-reduced-motion:reduce){.tot-choice,.tot-tile,.tot-tile img,.tot-check,.tot-form button{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/tales-face-picker.css.map */