.tt-ws{--fg: #fff;--soft: .8;--edge: rgba(255, 255, 255, .85);--track: rgba(255, 255, 255, .45);--hover: rgba(255, 255, 255, .35);--ease: cubic-bezier(.2, .8, .3, 1);--bad: #7a1410;--focus: #17505f;--tile: 72px;--hat: 64px;--size-h: 52px;--hd: 40px;--pt: 16px;--pta: 4px;--pc: 32px;--pg: 16px;--q-h: calc(var(--hd) + 4 * (var(--pt) + var(--pta) + var(--pc)) + 3 * var(--pg) + 8px + var(--q-more, 0px));position:relative;box-sizing:border-box;padding:0 16px;color:var(--fg);font-family:inherit;text-align:left;-webkit-tap-highlight-color:transparent;overflow-x:clip}.tt-ws__pat[data-engine=allover]{gap:calc(var(--pg) + (var(--pt) + var(--pta)) / 3)}.tt-ws__stage{position:relative;height:calc(100svh - var(--tt-ws-top, 76px));min-height:390px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) var(--q-h) auto;grid-template-areas:"top" "paper" "steps" "bar"}.tt-ws *,.tt-ws *:before,.tt-ws *:after{box-sizing:border-box}.tt-ws [hidden]{display:none!important}:where(.tt-ws) button{font:inherit;color:inherit}.tt-ws svg{max-width:none}.tt-ws__sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tt-ws__top{grid-area:top;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:4px;min-height:44px;margin:0 -10px}.tt-ws__head{min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px}.tt-ws__title{margin:0;max-width:100%;min-width:0;color:var(--fg);font-size:18px;font-weight:900;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tt-ws__title:focus{outline:none}.tt-ws__arrow{position:relative;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;color:var(--fg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s var(--ease),transform .2s var(--ease)}.tt-ws__arrow svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(hover:hover){.tt-ws__arrow:hover{background:var(--hover)}}.tt-ws__arrow:active{transform:scale(.94)}.tt-ws__pips{display:flex;justify-content:center;height:6px}.tt-ws__pips i{display:block;width:14px;height:6px;background:var(--fg);opacity:.45;clip-path:inset(0 4px round 3px);transition:clip-path .3s var(--ease),opacity .3s var(--ease)}.tt-ws__pips i.is-on{clip-path:inset(0 0 round 3px);opacity:1}.tt-ws:not(.has-designs) .tt-ws__arrow,.tt-ws:not(.has-designs) .tt-ws__pips{visibility:hidden}.tt-ws__home{position:absolute;grid-area:top;left:0;top:0;z-index:3;justify-self:start;align-self:start;width:max-content}.tt-ws.has-home .tt-ws__top{padding-top:28px}.tt-ws__back,.tt-ws__tweak,.tt-ws__dsum{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 2px;border:0;border-radius:999px;background:none;color:var(--fg);font-size:14px;line-height:1.2;cursor:pointer;opacity:var(--soft);transition:opacity .2s ease}.tt-ws__back:before,.tt-ws__tweak:before,.tt-ws__dsum:before{content:"";position:absolute;top:-6px;right:-8px;bottom:-6px;left:-8px}.tt-ws__back svg,.tt-ws__tweak svg,.tt-ws__dsum svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(hover:hover){.tt-ws__back:hover,.tt-ws__tweak:hover,.tt-ws__dsum:hover{opacity:1}}.tt-ws__paper{grid-area:paper;position:relative;min-height:0;margin:0 -16px;overflow:clip;touch-action:pan-y pinch-zoom}.tt-ws__slide{position:absolute;top:0;right:0;bottom:0;left:0}.tt-ws__paper.is-sliding .tt-ws__slide{will-change:transform}.tt-ws__cv{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none}.tt-ws__paper.is-empty{cursor:pointer}.tt-ws__paper.is-drag:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:2px dashed var(--fg);border-radius:22px;opacity:var(--soft);pointer-events:none}@supports (container-type: size){.tt-ws__paper{container-type:size}.tt-ws .tt-paper:not(.is-placed){left:50%;top:50%;translate:-50% -50%;height:min(92.76cqh,125.97cqw);aspect-ratio:6425 / 8975}}.tt-ws__busy{position:absolute;left:50%;bottom:clamp(10px,5%,28px);translate:-50% 0;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border-radius:999px;background:#fffffff0;color:var(--ink);font-size:14.5px;white-space:nowrap;animation:ttws-rise .3s var(--ease) both}.tt-ws__ring{flex:0 0 auto;width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(0,0,0,.12);border-top-color:var(--ink);animation:ttws-spin .8s linear infinite}.tt-ws__view{position:absolute;left:50%;bottom:8px;z-index:3;translate:-50% 0;display:flex;gap:2px;padding:3px;border-radius:999px;background:#fff;color:var(--ink);box-shadow:0 1px 4px #0000001f;transition:opacity .2s var(--ease),visibility 0s}.tt-ws__vbtn{position:relative;height:30px;padding:0 12px;border:0;border-radius:999px;background:none;color:var(--ink);font-size:13px;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease)}.tt-ws__vbtn:before{content:"";position:absolute;top:-7px;right:-1px;bottom:-7px;left:-1px}.tt-ws__vbtn[aria-pressed=true]{background:var(--ink);color:#fff;font-weight:900}@media(hover:hover){.tt-ws__vbtn:not([aria-pressed=true]):hover{background:#0000000f}}.tt-ws__vbtn:focus{outline:none}.tt-ws__vbtn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tt-ws:has(.js-msg:not([hidden])) .tt-ws__view,.tt-ws__paper:has(.js-busy:not([hidden])) .tt-ws__view,.tt-ws__paper.is-packed .tt-ws__view{opacity:0;visibility:hidden;transition:opacity .2s var(--ease),visibility 0s linear .2s}.tt-ws__steps{grid-area:steps;position:relative;display:grid;width:100%;max-width:520px;height:var(--q-h);margin:0 auto}.tt-ws__step{grid-area:1 / 1;align-self:start;min-width:0;visibility:hidden;opacity:0;transform:translate(var(--from, 0px));transition:opacity .2s var(--ease),transform .2s var(--ease),visibility 0s linear .2s}.tt-ws__step.is-on{visibility:visible;opacity:1;transform:none;transition:opacity .3s var(--ease) .06s,transform .3s var(--ease) .06s,visibility 0s}.tt-ws__step.is-off{display:none}.tt-ws__h2{display:flex;align-items:center;height:var(--hd);margin:0;padding-right:72px;color:var(--fg);font-size:19px;font-weight:900;line-height:1.15}.tt-ws__h2:focus{outline:none}.tt-ws__h2 label{cursor:inherit}.tt-ws__back{position:absolute;top:calc((var(--hd) - 32px) / 2);right:0;z-index:2;transition:opacity .2s ease,visibility 0s}.tt-ws__back.is-gone{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}.tt-ws__line{display:flex;align-items:center;gap:10px;min-height:40px;margin-top:6px}.tt-ws button:focus-visible,.tt-ws a:focus-visible,.tt-ws summary:focus-visible,.tt-ws__range:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.tt-ws button:focus:not(:focus-visible),.tt-ws a:focus:not(:focus-visible),.tt-ws summary:focus:not(:focus-visible){outline:none}.tt-ws__face[aria-pressed=true]:after,.tt-ws__hat[aria-pressed=true]:after{content:"";position:absolute;top:0;right:0;width:22px;height:22px;border-radius:50%;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 15px no-repeat;animation:ttws-pop .3s var(--ease) both}.tt-ws__tray{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:6px;margin:-6px}.tt-ws__tray::-webkit-scrollbar{display:none}.tt-ws__step--faces{height:var(--q-h);display:flex;flex-direction:column}.tt-ws__step--faces .tt-ws__h2{flex:0 0 auto}.tt-ws__drop{flex:0 0 auto;position:relative;padding:10px;border-radius:22px;background:#ffffff29;transition:background-color .2s var(--ease),box-shadow .2s var(--ease)}.tt-ws__drop.is-over{background:#ffffff52;box-shadow:inset 0 0 0 2px #fff}@media(hover:hover){.tt-ws__drop:has(.tt-ws__tray:not(.has-faces) .tt-ws__add:hover){background:#ffffff3d}}.tt-ws__add{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:14px;min-width:var(--tile);height:var(--tile);padding:0;border:0;border-radius:calc(var(--tile) / 2);background:none;color:var(--fg);text-align:left;cursor:pointer}.tt-ws__tray:not(.has-faces) .tt-ws__add{flex:1 1 auto}.tt-ws__cam{flex:0 0 var(--tile);width:var(--tile);height:var(--tile);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--ink);transition:transform .2s var(--ease)}.tt-ws__add svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tt-ws__add:active .tt-ws__cam{transform:scale(.96)}.tt-ws__addtxt{min-width:0;display:flex;flex-direction:column;gap:3px}.tt-ws__addtxt b{font-size:17px;font-weight:900;line-height:1.2}.tt-ws__addtxt small{font-size:13px;line-height:1.3;opacity:var(--soft)}.tt-ws__tray.has-faces .tt-ws__addtxt,.tt-ws__dropok{display:none}@media(hover:hover)and (pointer:fine){.tt-ws__dropok{display:inline}}.tt-ws__soon{flex:1 1 auto;min-height:0;margin-top:14px;overflow:hidden;opacity:.45;transition:opacity .3s var(--ease)}.tt-ws__soon.is-awake{opacity:1}.tt-ws__soon .tt-ws__pat{gap:var(--pg)}.tt-ws__soon .tt-ws__ctl:nth-child(n+3){display:none}.tt-ws__soon.is-hat{opacity:1}.tt-ws__hside{flex:0 0 auto;min-width:0;transition:opacity .3s var(--ease)}.tt-ws__soon.is-hat:not(.is-awake) .tt-ws__hside{opacity:.45}.tt-ws__hsoon{height:100%;display:flex;flex-direction:column;gap:8px}.tt-ws__hated.tt-ws__hated--soon{margin:0}.tt-ws__hsoon .tt-ws__hats{flex:0 0 auto;gap:4px;justify-content:space-between}.tt-ws__hsoon .tt-ws__hat{flex:1 1 0;width:auto;min-width:44px;max-width:64px;height:56px;padding:0}.tt-ws__face{position:relative;flex:0 0 var(--tile);width:var(--tile);height:var(--tile);padding:0;border:0;border-radius:12px;background:none;cursor:pointer;opacity:.5;animation:ttws-grow .3s var(--ease) both;transition:opacity .2s var(--ease)}.tt-ws__face img{display:block;width:100%;height:100%;object-fit:contain}.tt-ws__face[aria-pressed=true]{opacity:1}@media(hover:hover){.tt-ws__face:not([aria-pressed=true]):hover{opacity:.8}}.tt-ws__agein{display:block;width:112px;height:60px;padding:0 10px;border:2px solid transparent;border-radius:16px;background:#fff;color:var(--ink);font:inherit;font-size:28px;font-weight:900;text-align:center;transition:border-color .2s ease}.tt-ws__agein::placeholder{font-weight:400;color:var(--ink);opacity:.35}.tt-ws__agein:focus{outline:none;border-color:var(--ink)}.tt-ws__step--hat{height:var(--q-h);display:flex;flex-direction:column}.tt-ws__step--hat .tt-ws__h2{flex:0 0 auto}.tt-ws__hated{position:relative;flex:1 1 auto;min-height:0;margin:0 -8px;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.tt-ws__hated:active{cursor:grabbing}.tt-ws__hatcv{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.tt-ws__hedrow{flex:1 1 auto;min-height:0;display:flex;gap:4px}.tt-ws__hedrow .tt-ws__hated{flex:1 1 auto;min-width:0;margin:0 0 0 -8px}.tt-ws__hsl{position:relative;flex:0 0 clamp(140px,42%,180px);min-width:0;align-self:center;display:flex;flex-direction:column;gap:var(--pg)}.tt-ws__hbox{position:absolute;left:0;top:0;transform-origin:50% 50%;outline:1.5px dashed rgba(255,255,255,.9);outline-offset:0;pointer-events:none}.tt-ws__hh,.tt-ws__hk{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;pointer-events:auto;touch-action:none}.tt-ws__hh:after,.tt-ws__hk:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px var(--ink),0 1px 3px #0003}.tt-ws__hh[data-h=nw]{left:0;top:0;cursor:nwse-resize}.tt-ws__hh[data-h=ne]{left:0;top:0;transform:translate(var(--bw, 0px));cursor:nesw-resize}.tt-ws__hh[data-h=se]{left:0;top:0;transform:translate(var(--bw, 0px),var(--bh, 0px));cursor:nwse-resize}.tt-ws__hh[data-h=sw]{left:0;top:0;transform:translateY(var(--bh, 0px));cursor:nesw-resize}.tt-ws__hk{left:0;top:-26px;transform:translate(calc(var(--bw, 0px) / 2));cursor:grab}.tt-ws__hk:after{width:16px;height:16px;margin:-8px 0 0 -8px;background:var(--ink);box-shadow:0 0 0 2px #fff}.tt-ws__hreset{position:absolute;left:10px;bottom:4px;z-index:2}.tt-ws__use{position:absolute;left:-6px;right:0;top:calc(100% + 6px);z-index:2;display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;cursor:default;touch-action:pan-x}@media(max-width:699px){.tt-ws__use:has(.tt-ws__usef:nth-of-type(3):not([hidden])) .tt-ws__usew{display:none}}@media(max-width:379.98px){.tt-ws__usew{display:none}}.tt-ws__use::-webkit-scrollbar{display:none}.tt-ws__use[hidden]{display:none}.tt-ws__uselbl{flex:0 0 auto;padding:0 4px 0 2px;font-size:13px;opacity:var(--soft)}.tt-ws__usef{position:relative;flex:0 0 auto;height:32px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:inherit;font-size:13px;white-space:nowrap;cursor:pointer;transition:background-color .2s var(--ease)}.tt-ws__usef:before{content:"";position:absolute;top:-6px;right:0;bottom:-6px;left:0}.tt-ws__usef[aria-pressed=true]{background:#fff;color:var(--ink);font-weight:900}@media(hover:hover){.tt-ws__usef:not([aria-pressed=true]):hover{background:var(--hover)}}.tt-ws__hopts{flex:0 0 auto;display:flex;align-items:center;gap:10px;margin-top:8px}.tt-ws__step--hat .tt-ws__agein{flex:0 0 auto;width:76px;height:52px;font-size:24px}.tt-ws__hats{display:flex;gap:12px}.tt-ws__hopts .tt-ws__hats{flex:1 1 auto;min-width:0;gap:4px;justify-content:space-between}.tt-ws__hopts .tt-ws__hat{flex:1 1 0;width:auto;min-width:44px;max-width:64px;height:56px;padding:0}.tt-ws__hatthumb{display:block;width:100%;height:100%}.tt-ws__step--santa .tt-ws__papers{flex:0 0 auto;height:56px;margin-top:8px;justify-content:center}.tt-ws[data-engine=santa] .tt-ws__hsoon .js-hats2{display:none}.tt-ws:not([data-engine=santa]) .tt-ws__papers2{display:none}.tt-ws__papers2{flex:0 0 auto;height:56px;justify-content:flex-start;gap:18px;padding-left:2px}.tt-ws__hat{position:relative;flex:0 0 var(--hat);width:var(--hat);height:var(--hat);padding:2px;border:0;border-radius:12px;background:none;cursor:pointer;opacity:.55;transition:opacity .2s var(--ease)}.tt-ws__hat img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s var(--ease)}.tt-ws__hat[aria-pressed=true]{opacity:1}@media(hover:hover){.tt-ws__hat:not([aria-pressed=true]):hover{opacity:.85}.tt-ws__hat:hover img{transform:translateY(-2px) rotate(-4deg)}}.tt-ws__phrase{display:block;width:100%;height:52px;padding:0 16px;border:2px solid transparent;border-radius:16px;background:#fff;color:var(--ink);font:inherit;font-size:18px;transition:border-color .2s ease}.tt-ws__phrase::placeholder{color:var(--ink);opacity:.4}.tt-ws__phrase:focus{outline:none;border-color:var(--ink)}.tt-ws__phrase[aria-invalid=true]{border-color:#b3261e}.tt-ws__pmsg{flex:1 1 auto;min-width:0;margin:0;font-size:13px;font-weight:900;line-height:1.25;color:var(--fg);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.tt-ws__pmsg:empty{display:none}.tt-ws__pmsg:not(:empty)+.tt-ws__tweak{display:none}.tt-ws__added{display:flex;align-items:flex-start;gap:8px;min-height:32px;margin:2px 0 0;padding-top:6px;color:var(--fg);font-size:15px;line-height:1.3}.tt-ws__added svg{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tt-ws__added span{min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-wrap:pretty}a.tt-ws__tweak{text-decoration:none}.tt-ws__step--more{height:var(--q-h);display:flex;flex-direction:column}.tt-ws__step--more .tt-ws__h2{flex:0 0 auto}.tt-ws__step--more .tt-ws__added{flex:0 0 auto;min-height:26px;margin:0 0 6px;padding-top:0;align-items:center}.tt-ws__step--more .tt-ws__added span{-webkit-line-clamp:1}.tt-ws__msizes{flex:0 0 auto;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;height:38px;margin:0 -4px 8px}.tt-ws__msizes.is-one{visibility:hidden}.tt-ws__msize{position:relative;min-width:0;height:100%;padding:0 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:0;border-radius:999px;background:transparent;font-size:14px;line-height:1.1;white-space:nowrap;cursor:pointer;transition:background-color .2s var(--ease)}.tt-ws__msize:before{content:"";position:absolute;top:-3px;right:0;bottom:-3px;left:0}.tt-ws__msize b{max-width:100%;font-weight:inherit}.tt-ws__msize small{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:11.5px;opacity:var(--soft)}.tt-ws__msize[aria-pressed=true]{background:#fff;color:var(--ink);font-weight:900}.tt-ws__msize[aria-pressed=true] small{font-weight:400;opacity:.75}@media(hover:hover){.tt-ws__msize:not([aria-pressed=true]):hover{background:var(--hover)}}.tt-ws__others{flex:1 1 auto;min-height:0;display:grid;grid-auto-flow:column;grid-auto-columns:min(40vw,210px);grid-template-rows:minmax(0,1fr);gap:12px;margin:0 -16px;padding:0 16px 6px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:0 16px;scrollbar-width:none}.tt-ws__others::-webkit-scrollbar{display:none}.tt-ws__other{min-width:0;min-height:0;display:flex;flex-direction:column;gap:6px;scroll-snap-align:start}.tt-ws__opic{position:relative;flex:1 1 auto;min-height:0;padding:0;border:0;background:none;cursor:pointer;transition:transform .2s var(--ease)}.tt-ws__opic:active{transform:scale(.98)}.tt-ws__ocv{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none}.tt-ws__osheet{position:absolute;top:0;right:0;bottom:0;left:0}.tt-ws__oinfo{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;min-width:0}.tt-ws__otxt{display:flex;flex-direction:column;min-width:0;line-height:1.2}.tt-ws__oname{font-size:14px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tt-ws__oprice{font-size:12.5px;opacity:var(--soft);white-space:nowrap}.tt-ws__oadd{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:0;height:32px;padding:0 12px;border:1.5px solid var(--edge);border-radius:999px;background:transparent;color:var(--fg);font-size:14px;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .2s var(--ease),opacity .2s var(--ease),transform .2s var(--ease)}.tt-ws__oadd:before{content:"";position:absolute;top:-6px;right:0;bottom:-6px;left:0}.tt-ws__oadd span{min-width:0;overflow:hidden;text-overflow:ellipsis}.tt-ws__oadd svg{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tt-ws__oadd:not([aria-disabled=true]):active{transform:scale(.97)}.tt-ws__oadd.is-in{border-color:transparent;cursor:default}.tt-ws__oadd.is-wait{opacity:.7;cursor:default}.tt-ws__oadd.is-off{opacity:.5;cursor:default}@media(hover:hover){.tt-ws__oadd:not([aria-disabled=true]):hover{background:var(--hover)}}.tt-ws__sizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:4px;min-height:var(--size-h)}.tt-ws__sizes.is-one{visibility:hidden}.tt-ws__size{min-width:0;min-height:var(--size-h);padding:4px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:0;border-radius:999px;background:transparent;font-size:17px;line-height:1.15;cursor:pointer;transition:background-color .2s var(--ease)}.tt-ws__size span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tt-ws__size small{font-size:12.5px;opacity:var(--soft)}.tt-ws__size[aria-pressed=true]{background:#fff;color:var(--ink);font-weight:900}.tt-ws__size[aria-pressed=true] small{font-weight:400}.tt-ws__size:disabled{opacity:.35;cursor:not-allowed}@media(hover:hover){.tt-ws__size:not([aria-pressed=true]):not(:disabled):hover{background:var(--hover)}}.tt-ws__details{position:relative}.tt-ws__dsum{list-style:none;-webkit-user-select:none;user-select:none}.tt-ws__dsum::-webkit-details-marker{display:none}.tt-ws__dsum::marker{content:""}.tt-ws__dsum svg{transition:transform .2s var(--ease)}.tt-ws__details[open] .tt-ws__dsum{opacity:1}.tt-ws__details[open] .tt-ws__dsum svg{transform:rotate(180deg)}.tt-ws__dpanel{position:absolute;left:0;bottom:calc(100% + 8px);z-index:6;width:min(300px,calc(100vw - 32px));padding:14px 16px 12px;border-radius:18px;background:#fff;color:var(--ink);text-align:left;font-size:13.5px;line-height:1.45;animation:ttws-rise .3s var(--ease) both}.tt-ws__spec{margin:0 0 8px;opacity:.85}.tt-ws__dsizes{margin:0}.tt-ws__drow{display:flex;justify-content:space-between;gap:16px;padding:5px 0;border-top:1px solid #f1ecec}.tt-ws__drow:first-child{border-top:0}.tt-ws__drow dt,.tt-ws__drow dd{margin:0}.tt-ws__drow dd{opacity:.75;font-variant-numeric:tabular-nums;white-space:nowrap}.tt-ws__drow.is-on dt{font-weight:900}.tt-ws__dmax{margin:8px 0 0;opacity:.85;text-wrap:balance}.tt-ws__datebox{position:relative;width:100%;height:52px}.tt-ws__date{-webkit-appearance:none;appearance:none;display:flex;align-items:center;width:100%;min-width:0;height:100%;min-height:52px;margin:0;padding:0 48px 0 16px;border:2px solid transparent;border-radius:16px;background:#fff;color:var(--ink);font:inherit;font-size:18px;line-height:48px;text-align:left;cursor:pointer;transition:border-color .2s ease}.tt-ws__date::-webkit-date-and-time-value{min-height:1.2em;margin:0;text-align:left}.tt-ws__date::-webkit-datetime-edit{padding:0}.tt-ws__date::-webkit-datetime-edit-fields-wrapper{padding:0}.tt-ws__date::-webkit-calendar-picker-indicator{display:none}.tt-ws__date::-webkit-inner-spin-button,.tt-ws__date::-webkit-clear-button{display:none}.tt-ws__date:focus{outline:none;border-color:var(--ink)}.tt-ws__date.is-bad{border-color:#b3261e}.tt-ws__datebox.is-empty .tt-ws__date{color:transparent}.tt-ws__datebox.is-empty .tt-ws__date::-webkit-datetime-edit{opacity:0}.tt-ws__dhint,.tt-ws__dico{position:absolute;top:50%;translate:0 -50%;pointer-events:none}.tt-ws__dhint{left:18px;right:48px;color:var(--ink);opacity:.4;font-size:18px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tt-ws__datebox:not(.is-empty) .tt-ws__dhint{visibility:hidden}.tt-ws__dico{right:16px;width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.55}@media(hover:hover)and (pointer:fine){.tt-ws__datebox.is-empty .tt-ws__date:focus{color:var(--ink)}.tt-ws__datebox.is-empty .tt-ws__date:focus::-webkit-datetime-edit{opacity:1}.tt-ws__datebox.is-empty .tt-ws__date:focus+.tt-ws__dhint{visibility:hidden}}.tt-ws__note{margin:0;color:var(--fg);font-size:13px;line-height:1.25;opacity:var(--soft);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.tt-ws__note.is-bad{font-weight:900;opacity:1}.tt-ws__pat{display:flex;flex-direction:column;gap:var(--pg)}.tt-ws__ctl{display:flex;flex-direction:column;gap:var(--pta);min-width:0}.tt-ws__ctop{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--pt);color:var(--fg);font-size:14px;line-height:var(--pt);white-space:nowrap}.tt-ws__ctitle{margin:0;cursor:default}.tt-ws__cval{font-weight:900;font-variant-numeric:tabular-nums}.tt-ws__segs{height:var(--pc);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tt-ws__seg{min-width:0;height:100%;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:6px;border:1.5px solid rgba(255,255,255,.55);border-radius:999px;background:transparent;color:var(--fg);font-size:14px;line-height:1;cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease)}.tt-ws__seg svg{flex:0 0 auto;width:16px;height:16px;fill:currentColor}.tt-ws__seg span{white-space:nowrap}.tt-ws__seg[aria-pressed=true]{border-color:#fff;background:#fff;color:var(--ink);font-weight:900}.tt-ws__cols{height:var(--pc);display:flex;align-items:center;justify-content:space-between}.tt-ws__col{position:relative;flex:0 0 auto;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:var(--sw, #fff);box-shadow:inset 0 0 0 1px #00000024;cursor:pointer;transition:box-shadow .2s var(--ease)}.tt-ws__col:first-child{margin-left:2px}.tt-ws__col:before{content:"";position:absolute;top:-8px;right:-4px;bottom:-8px;left:-4px}.tt-ws__col[aria-pressed=true]{box-shadow:inset 0 0 0 1px #00000024,0 0 0 2px var(--bg, #f395b3),0 0 0 4px #fff}.tt-ws__range{display:block;width:100%;min-width:0;height:var(--pc);margin:0;padding:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none;touch-action:pan-y}.tt-ws__range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--track)}.tt-ws__range::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;appearance:none;width:32px;height:32px;margin-top:-14px;border:4px solid transparent;border-radius:50%;background:#fff;background-clip:padding-box}@media(pointer:coarse){.tt-ws__range{pointer-events:none}}.tt-ws__dual .tt-ws__range{pointer-events:none}.tt-ws__range::-moz-range-track{height:4px;border-radius:2px;background:var(--track)}.tt-ws__range::-moz-range-thumb{pointer-events:auto;box-sizing:border-box;width:32px;height:32px;border:4px solid transparent;border-radius:50%;background:#fff;background-clip:padding-box}.tt-ws__range:active::-webkit-slider-thumb{transform:scale(1.08)}.tt-ws__dual{position:relative;height:var(--pc)}.tt-ws__dual:before{content:"";position:absolute;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:#fff;pointer-events:none;left:calc(16px + (100% - 32px) * var(--lo));right:calc(16px + (100% - 32px) * (1 - var(--hi)))}.tt-ws__dual .tt-ws__range{position:absolute;top:0;right:0;bottom:0;left:0}.tt-ws__dual .tt-ws__range+.tt-ws__range::-webkit-slider-runnable-track{background:transparent}.tt-ws__dual .tt-ws__range+.tt-ws__range::-moz-range-track{background:transparent}.tt-ws__dual.is-low-top .tt-ws__range:first-child{z-index:1}.tt-ws__ctl--btn{height:var(--pc);justify-content:center}.tt-ws__shuffle{position:relative;align-self:flex-start;height:var(--pc);padding:0 14px 0 10px;display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--edge);border-radius:999px;background:transparent;color:var(--fg);font-size:14px;cursor:pointer;transition:background-color .2s var(--ease),transform .2s var(--ease)}.tt-ws__shuffle:before{content:"";position:absolute;top:-7px;right:0;bottom:-7px;left:0}.tt-ws__shuffle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tt-ws__shuffle:active{transform:scale(.97)}@media(hover:hover){.tt-ws__seg:not([aria-pressed=true]):hover,.tt-ws__shuffle:hover{background:var(--hover)}}.tt-ws__bar{grid-area:bar;position:relative;display:flex;justify-content:center;padding:8px 0 calc(12px + env(safe-area-inset-bottom,0px))}.tt-ws__go{position:relative;width:100%;max-width:520px;min-height:54px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;background:var(--ink);color:#fff;font-size:17px;line-height:1.2;cursor:pointer;transition:transform .2s var(--ease),opacity .2s var(--ease),background-color .3s var(--ease),color .3s var(--ease),visibility 0s}@media(hover:hover){.tt-ws__go:not(:disabled):not([aria-disabled=true]):hover{transform:translateY(-2px)}}.tt-ws__go:not(:disabled):not([aria-disabled=true]):active{transform:scale(.985)}.tt-ws__go:disabled,.tt-ws__go[aria-disabled=true]{opacity:.5;cursor:default;transform:none}.tt-ws__go.is-added,.tt-ws__go.is-added[aria-disabled=true]{opacity:1;background:#85caef;color:#17505f}.tt-ws__go .js-golabel{display:inline-flex;align-items:center;gap:6px}.tt-ws__go .js-golabel.is-new{animation:ttws-swap .3s var(--ease) both}.tt-ws__gotick{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:ttws-pop .3s var(--ease) both}.tt-ws__dots{display:inline-flex;gap:4px}.tt-ws__dots i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:ttws-dot 1.2s ease-in-out infinite}.tt-ws__dots i:nth-child(2){animation-delay:.16s}.tt-ws__dots i:nth-child(3){animation-delay:.32s}.tt-ws__msg{position:absolute;left:50%;bottom:calc(100% + var(--q-h) + 8px);z-index:7;translate:-50% 0;width:max-content;max-width:min(440px,100%);margin:0;padding:9px 14px;border-radius:14px;background:var(--ink);color:#fff;font-size:13px;line-height:1.4;text-align:center;text-wrap:balance;animation:ttws-rise .3s var(--ease) both}.tt-ws.is-empty{display:flex;align-items:center;justify-content:center;min-height:calc(100svh - var(--tt-ws-top, 76px))}.tt-ws.is-empty>:not(.tt-ws__empty){display:none}.tt-ws__empty{max-width:34ch;color:var(--fg);font-size:16px;line-height:1.5;text-align:center}@media(max-width:899.98px)and (max-height:799.98px),(max-aspect-ratio:999/1000)and (max-height:799.98px){.tt-ws{--pc: 28px;--pg: 12px}}@media(max-width:899.98px)and (max-height:700px),(max-aspect-ratio:999/1000)and (max-height:700px){.tt-ws{--tile: 62px;--hat: 56px;--size-h: 48px;--hd: 36px;--pc: 28px;--pg: 8px}.tt-ws__top{min-height:40px}.tt-ws__title{font-size:17px}.tt-ws__h2{font-size:17.5px}.tt-ws__line{min-height:36px;margin-top:4px}.tt-ws__agein,.tt-ws__phrase,.tt-ws__datebox{height:50px}.tt-ws__date{min-height:50px;line-height:46px}.tt-ws__bar{padding:6px 0 calc(10px + env(safe-area-inset-bottom,0px))}.tt-ws__go{min-height:50px}}@media not all and (min-width:900px)and (min-aspect-ratio:1/1){:root:has(.tt-ws) .tt-toast--bottom-centre,:root:has(.tt-ws) .tt-toast--bottom-right{top:calc(var(--tt-ws-top, 76px) + 8px);bottom:auto}:root:has(.tt-ws) .tt-toast--bottom-centre:not(.is-on) .tt-toast__card,:root:has(.tt-ws) .tt-toast--bottom-right:not(.is-on) .tt-toast__card{transform:translateY(-14px) scale(.97)}}@media not all and (min-width:900px)and (min-aspect-ratio:1/1){.tt-ws__hsoon{flex-direction:row}.tt-ws__hsoon .tt-ws__hated--soon{flex:1 1 auto;min-width:0}.tt-ws__hside{flex:0 0 148px;display:flex;align-items:center;justify-content:center}.tt-ws__hside .tt-ws__hats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%}.tt-ws__hside .tt-ws__hat{width:auto;min-width:0;max-width:none;height:56px}.tt-ws__hside .tt-ws__papers2{flex-direction:column;justify-content:center;height:auto;gap:16px;padding:0}.tt-ws__hside .tt-ws__papers2 .tt-ws__col:first-child{margin-left:0}.tt-ws[data-engine=hat] .tt-ws__step--faces,.tt-ws[data-engine=santa] .tt-ws__step--faces{--tile: 52px}.tt-ws[data-engine=hat] .tt-ws__step--faces .tt-ws__drop,.tt-ws[data-engine=santa] .tt-ws__step--faces .tt-ws__drop{padding:6px;border-radius:18px}.tt-ws[data-engine=hat] .tt-ws__step--faces .tt-ws__soon,.tt-ws[data-engine=santa] .tt-ws__step--faces .tt-ws__soon{margin-top:8px}.tt-ws__hh:not([data-h=se]){display:none}}:root:has(.tt-ws) #shopify-section-tt-header{transition:opacity .3s ease,visibility 0s}:root:has(.tt-ws.is-roomy) #shopify-section-tt-header{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}@media(min-width:900px)and (min-aspect-ratio:1/1){:root:has(.tt-ws){--tt-ws-col: clamp(340px, 31vw, 440px);--tt-ws-gap: clamp(24px, 3vw, 48px);--tt-ws-pw: min(calc((100svh - var(--tt-ws-top, 76px)) * .7364), calc(1300px - var(--tt-ws-col) - var(--tt-ws-gap)))}.tt-ws{--tile: 80px;--hat: 72px;--size-h: 56px;--hd: 48px;--pg: 24px;--q-more: 150px;padding:0 clamp(16px,3vw,48px);overflow-x:visible}.tt-ws__stage{grid-template-columns:minmax(0,var(--tt-ws-pw)) var(--tt-ws-col);grid-template-rows:minmax(10px,1fr) auto var(--q-h) auto minmax(10px,1fr);grid-template-areas:"paper ." "paper top" "paper steps" "paper bar" "paper .";justify-content:center;column-gap:var(--tt-ws-gap);min-height:0}.tt-ws__paper{grid-row:1 / -1;margin:0}.tt-ws__top{min-height:52px;margin:0 -10px 8px;border-bottom:0}.tt-ws.has-home .tt-ws__top{padding-top:0}.tt-ws__home{translate:0 calc(-100% - 6px)}.tt-ws__title{font-size:24px}.tt-ws__h2{font-size:21px}.tt-ws__steps{max-width:none}.tt-ws__line{margin-top:10px}.tt-ws__bar{padding:14px 0 0}.tt-ws__go{max-width:none}.tt-ws__msg{bottom:calc(100% + var(--q-h) + 76px)}.tt-ws__agein{width:128px;height:64px;font-size:30px}.tt-ws__step--hat .tt-ws__agein{width:92px;height:60px;font-size:28px}.tt-ws__hopts .tt-ws__hat,.tt-ws__hsoon .tt-ws__hat,.tt-ws__papers2,.tt-ws__step--santa .tt-ws__papers{height:64px}.tt-ws__ctop{font-size:15px}.tt-ws__soon .tt-ws__ctl:nth-child(n+3){display:flex}.tt-ws__addtxt b{font-size:18px}:root:has(.tt-ws) .tt-toast--bottom-centre,:root:has(.tt-ws) .tt-toast--bottom-right{left:calc(50% - (var(--tt-ws-col) + var(--tt-ws-gap)) / 2);right:auto;transform:translate(-50%)}}@media(min-width:900px)and (min-aspect-ratio:1/1){.tt-ws__others{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-rows:0;gap:14px 16px;margin:0;padding:0;overflow:visible;scroll-snap-type:none}.tt-ws__oname{font-size:15px}.tt-ws__msizes{height:44px;margin:0 0 14px;gap:4px}.tt-ws__msize{font-size:15px}.tt-ws__msize small{font-size:12.5px}.tt-ws__others.is-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tt-ws__others.is-3 .tt-ws__oadd{padding:0 8px;font-size:13px}}@media(min-width:900px)and (min-aspect-ratio:1/1)and (max-height:760px){.tt-ws{--tile: 68px;--hat: 60px;--size-h: 50px;--hd: 42px;--pg: 16px;--q-more: 70px}.tt-ws__top{min-height:44px;margin-bottom:4px}.tt-ws__soon .tt-ws__ctl:nth-child(n+4){display:none}}html.tt-ws-paint,html.tt-ws-paint body{transition:background-color .3s cubic-bezier(.2,.8,.3,1)}html.tt-ws-vt .tt-ws__paper{view-transition-name:tt-ws-sheet}html.tt-ws-vt::view-transition-group(*){animation:none}html.tt-ws-vt::view-transition-old(*){animation:none;opacity:0}html.tt-ws-vt::view-transition-new(*){animation:none}html.tt-ws-vt::view-transition-old(tt-ws-sheet){opacity:1;animation:ttws-vt-out .2s cubic-bezier(.2,.8,.3,1) .1s both}html.tt-ws-vt::view-transition-new(tt-ws-sheet){animation:ttws-vt-in .3s cubic-bezier(.2,.8,.3,1) both}@keyframes ttws-vt-out{0%{opacity:1}to{opacity:0}}@keyframes ttws-vt-in{0%{opacity:0}to{opacity:1}}.tt-ws-tube{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10040;pointer-events:none;overflow:hidden;contain:strict}.tt-ws-tube__el{position:absolute;left:0;top:0;box-sizing:border-box;will-change:transform}.tt-ws-tube__win{overflow:hidden}.tt-ws-tube__pic{display:block;width:100%;height:100%}.tt-ws-tube__paper{transform-origin:50% 0}.tt-ws-tube__roll{overflow:hidden;border-radius:4px;background:#fff;box-shadow:0 2px 4px #96184a47}.tt-ws-tube__roll:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#fff9,#ffffff1a 28%,#fff0 50%,#6e1e3c42)}.tt-ws-tube__fly{position:absolute;width:0;height:0;transform-origin:0 0;will-change:transform,opacity}.tt-ws-tube__stage{position:absolute;left:0;top:0;width:0;height:0;perspective-origin:0 0}.tt-ws-tube__3d{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d;will-change:transform}.tt-ws-tube__p{position:absolute;box-sizing:border-box}.tt-ws-tube__drop{position:absolute;border-radius:50%;background:radial-gradient(closest-side,#a81c5257,#a81c521f 62%,#a81c5200)}.tt-ws-tube__end,.tt-ws-tube__mouth,.tt-ws-tube__face{border-radius:50%}.tt-ws-tube__mouth{background:radial-gradient(circle closest-side,transparent 0 81%,#7d5f3e 82%,#a98459 86%,#c8a274 93%,#a5835a 100%),radial-gradient(circle closest-side,#f4f1ec 0 16%,#c9bfb2 17% 19%,transparent 20%),repeating-radial-gradient(circle closest-side,#fbfaf7 0 6.5%,#dcd3c7 6.5% 8%)}.tt-ws-tube__face{background:radial-gradient(circle closest-side,transparent 0 64%,rgba(80,80,100,.09) 69%,rgba(255,255,255,.5) 72%,transparent 76%),linear-gradient(to bottom,#fbfbfc,#ececef 60%,#dedee3);box-shadow:inset 0 0 0 .5px #3c323c1a}.tt-ws-tube__f,.tt-ws-tube__band,.tt-ws-tube__shade{backface-visibility:hidden;-webkit-backface-visibility:hidden}.tt-ws-tube__band,.tt-ws-tube__shade{display:block;max-width:none;max-height:none}@keyframes ttws-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ttws-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes ttws-grow{0%{transform:scale(.85)}to{transform:none}}@keyframes ttws-swap{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes ttws-spin{to{transform:rotate(360deg)}}@keyframes ttws-dot{0%,70%,to{opacity:.3;transform:none}35%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.tt-ws,.tt-ws *,.tt-ws *:before,.tt-ws *:after{animation:none!important;transition:none!important}.tt-ws__step{transform:none!important}.tt-ws__ring{animation:ttws-spin 2s linear infinite!important}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/tt-wrap-studio.css.map */