.tt-cal{--dark: #333;--soft: #8b8787;--yellow: #ffeb7a;--blue: #85caef;--ring: 0 0 0 4px rgba(255, 255, 255, .45);--ease: cubic-bezier(.2, .8, .3, 1);position:relative;max-width:1180px;margin:0 auto;padding:4px 16px clamp(48px,8vw,90px);color:#fff}.tt-cal *{box-sizing:border-box}.tt-cal [hidden]{display:none!important}html.tt-cal-lock{overflow:hidden}.tt-cal__head{text-align:center}.tt-cal__h{margin:0;line-height:0}.tt-cal__h img{display:block;width:min(600px,92vw);height:auto;margin:0 auto}.tt-cal__line{margin:4px 0 0;font-size:clamp(16px,4.2vw,21px);line-height:1.35}.tt-cal__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;margin-top:20px}@media(min-width:860px){.tt-cal__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);margin-top:28px;align-items:start}}@media(min-width:860px){.tt-cal__hold{position:sticky;top:96px}}.tt-cal__left{display:flex;flex-direction:column;align-items:center}.tt-cal__wall{position:relative;width:min(300px,74vw);padding-top:34px}@media(min-width:860px){.tt-cal__wall{width:min(420px,100%)}}.tt-cal__nail{position:absolute;left:50%;top:0;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#5b5455;box-shadow:0 3px 0 var(--shadow);z-index:4}.tt-cal__hang{position:absolute;left:50%;top:7px;width:70px;height:34px;margin-left:-35px;z-index:3;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round}.tt-cal__pad{position:relative;perspective:1400px}.tt-cal__page{display:block;width:100%;aspect-ratio:210 / 297;height:auto;background:#fff;border-radius:3px;position:relative;z-index:2;box-shadow:0 10px 0 var(--shadow);transform-origin:50% 0;touch-action:pan-y}.tt-cal__page.is-drag{cursor:grab}.tt-cal__page.is-dragging{cursor:grabbing}.tt-cal.is-sheet .tt-cal__page.is-drag{touch-action:none}.tt-cal__pad.is-turn .tt-cal__page{animation:ttcal-turn .38s var(--ease) both}@keyframes ttcal-turn{0%{transform:rotateX(-58deg)}to{transform:none}}.tt-cal__under{position:absolute;left:0;right:0;top:0;bottom:-4px;background:#fff;border-radius:3px;z-index:1;box-shadow:0 4px #f4ece9,0 14px 0 var(--shadow)}.tt-cal__wire{position:absolute;left:6%;right:6%;top:-10px;height:24px;z-index:3;display:flex;justify-content:space-between;pointer-events:none}.tt-cal__wire i{width:8px;height:24px;border-radius:4px;border:3px solid #fff;border-bottom-color:#e9e2e2}@media(max-width:859px){.tt-cal__wire i:nth-child(n+15){display:none}}.tt-cal__pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:28px;font-size:17px}.tt-cal__pname{min-width:9.5em;text-align:center}.tt-cal__round{width:46px;height:46px;flex:0 0 auto;display:inline-grid;place-items:center;padding:0;border:0;border-radius:50%;background:#fff;color:var(--dark);box-shadow:var(--ring);cursor:pointer;transition:transform .2s var(--ease),opacity .2s ease}.tt-cal__round svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tt-cal__round.is-small{width:38px;height:38px}.tt-cal__round.is-small svg{width:18px;height:18px}.tt-cal__round:disabled{opacity:.45;cursor:default}@media(hover:hover){.tt-cal__round:not(:disabled):hover{transform:translateY(-1px)}}.tt-cal__tools{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;flex-wrap:wrap}.tt-cal__tool{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px 0 14px;border:0;border-radius:999px;background:#fff;color:var(--dark);font:inherit;font-size:16px;box-shadow:var(--ring);cursor:pointer;transition:transform .2s var(--ease)}.tt-cal__tool svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(hover:hover){.tt-cal__tool:hover{transform:translateY(-1px)}}.tt-cal__zoom{display:inline-flex;gap:6px}.tt-cal__done{display:none;height:42px;padding:0 22px;border:0;border-radius:999px;background:var(--yellow);color:var(--dark);font:inherit;font-size:16px;cursor:pointer}.tt-cal.is-sheet .tt-cal__done{display:inline-block}.tt-cal__tip{min-height:2.9em;margin:12px 0 0;max-width:26em;text-align:center;font-size:15px;line-height:1.45;opacity:.92}.tt-cal__tip.is-fix:before,.tt-cal__note.is-fix:before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#ffd84d;vertical-align:1px}.tt-cal__sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050;background:var(--bg);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.tt-cal__sheetin{min-height:100%;display:flex;align-items:center;justify-content:center;padding:28px 16px 24px}.tt-cal__sheet .tt-cal__wall{width:min(82vw,400px,calc((100svh - 250px) * 210 / 297))}.tt-cal__card{background:#fff;color:var(--dark);border-radius:28px;box-shadow:var(--ring);padding:18px 0 22px;min-width:0}.tt-cal__steps{display:flex;gap:8px;padding:0 20px;overflow-x:auto;scrollbar-width:none}.tt-cal__steps::-webkit-scrollbar{display:none}.tt-cal__step{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:7px 16px 7px 7px;border:0;border-radius:999px;background:#f4f1f1;color:var(--soft);font:inherit;font-size:17px;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,color .2s ease}.tt-cal__step i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:14px;background:#fff;color:var(--dark)}.tt-cal__step b{font-weight:400}.tt-cal__step.is-on{background:var(--yellow);color:var(--dark)}.tt-cal__step.is-done i{background:var(--dark);color:#fff}@media(max-width:480px){.tt-cal__step{font-size:15px;padding:5px 12px 5px 5px}.tt-cal__step i{width:24px;height:24px;font-size:12px}.tt-cal__step:not(.is-on) b{display:none}.tt-cal__step:not(.is-on){padding-right:5px}}.tt-cal__panel{padding:22px 24px 0;animation:ttcal-in .3s var(--ease) both}@keyframes ttcal-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tt-cal__h2{margin:0;font-size:clamp(24px,6vw,30px);font-weight:400;line-height:1.15}.tt-cal__sub{margin:6px 0 0;color:var(--soft);font-size:16px;line-height:1.4}.tt-cal__lbl{display:block;margin:18px 0 8px;font-size:15px;color:var(--soft)}.tt-cal__drop{position:relative;display:flex;align-items:center;gap:16px;margin-top:18px;padding:16px 18px;border:2px dashed #d9d3d4;border-radius:22px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.tt-cal__drop.is-over{border-color:var(--blue);background:#f2f9fd}.tt-cal__drop b{display:block;font-weight:400;font-size:19px}.tt-cal__drop small{display:block;color:var(--soft);font-size:15px;line-height:1.35}.tt-cal__drop:focus-within{border-color:var(--dark)}.tt-cal__file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}.tt-cal__cam{width:52px;height:52px;flex:0 0 auto;border-radius:50%;background:var(--yellow);display:grid;place-items:center}.tt-cal__cam svg{width:24px;height:24px;fill:none;stroke:var(--dark);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tt-cal__strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 8px;margin-top:18px}@media(min-width:560px){.tt-cal__strip{grid-template-columns:repeat(7,minmax(0,1fr))}}.tt-cal__th{position:relative;display:block;padding:0;border:0;background:none;font:inherit;color:var(--soft);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform .2s var(--ease)}.tt-cal__th canvas{display:block;width:100%;aspect-ratio:210 / 297;height:auto;border-radius:4px;background:#fff;box-shadow:0 0 0 1.5px #ece7e8}.tt-cal__th span{display:block;min-height:1.4em;margin-top:4px;text-align:center;font-size:13px}.tt-cal__th.is-cur canvas{box-shadow:0 0 0 3px var(--blue)}.tt-cal__th.is-cur span{color:var(--dark)}.tt-cal__th.is-borrowed canvas{opacity:.55}.tt-cal__th.is-small:after{content:"";position:absolute;right:4px;top:4px;width:9px;height:9px;border-radius:50%;background:#ffd84d;box-shadow:0 0 0 2px #fff}.tt-cal__th.is-lift{z-index:5;transition:none;pointer-events:none}.tt-cal__th.is-lift canvas{box-shadow:0 0 0 3px var(--blue),0 8px #0000001f}.tt-cal__th.is-target canvas{box-shadow:0 0 0 3px var(--yellow)}.tt-cal.is-swapping{cursor:grabbing}@media(hover:hover){.tt-cal__th:not(.is-lift):hover{transform:translateY(-2px)}}.tt-cal__styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;margin-top:16px}@media(min-width:560px){.tt-cal__styles{grid-template-columns:repeat(5,minmax(0,1fr))}}.tt-cal__sty{padding:0;border:0;background:none;font:inherit;font-size:14px;color:var(--soft);cursor:pointer;text-align:center}.tt-cal__mini{position:relative;display:block}.tt-cal__mini canvas{display:block;width:100%;aspect-ratio:210 / 297;height:auto;border-radius:4px;background:#fff;box-shadow:0 0 0 1.5px #ece7e8;transition:transform .2s var(--ease)}.tt-cal__sty b{display:block;margin-top:6px;font-weight:400}.tt-cal__sty.is-on{color:var(--dark)}.tt-cal__sty.is-on canvas{box-shadow:0 0 0 3px var(--dark)}.tt-cal__tick{position:absolute;right:-6px;top:-6px;width:28px;height:28px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;box-shadow:0 0 0 3px #fff;opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .25s var(--ease)}.tt-cal__tick svg{width:15px;height:15px;fill:none;stroke:var(--dark);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.tt-cal__sty.is-on .tt-cal__tick{opacity:1;transform:none}@media(hover:hover){.tt-cal__sty:not(.is-on):hover canvas{transform:translateY(-2px)}}.tt-cal__seg{display:inline-flex;background:#f4f1f1;border-radius:999px;padding:4px}.tt-cal__seg button{padding:9px 16px;border:0;border-radius:999px;background:none;color:var(--dark);font:inherit;font-size:16px;white-space:nowrap;cursor:pointer}.tt-cal__seg [aria-checked=true]{background:#fff;box-shadow:0 0 0 2px var(--dark)}.tt-cal__in{width:100%;min-width:0;height:52px;padding:0 16px;border:0;border-radius:14px;background:#f4f1f1;color:var(--dark);font:inherit;font-size:17px;transition:box-shadow .2s ease}.tt-cal__in::placeholder{color:#a9a6a6}.tt-cal__in:focus{outline:none;box-shadow:0 0 0 3px var(--dark)}.tt-cal__in.is-fix{box-shadow:0 0 0 3px #ffd84d}select.tt-cal__in{-webkit-appearance:none;appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;cursor:pointer}.tt-cal__drop.is-own{margin-top:16px}.tt-cal__pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.tt-cal__pair label{display:block;min-width:0}.tt-cal__dates{list-style:none;margin:0;padding:0;display:grid;gap:8px}.tt-cal__date{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr) auto;gap:8px;align-items:center}.tt-cal__date .tt-cal__round{box-shadow:none;background:#f4f1f1}.tt-cal__in.is-day{padding:0 10px;font-size:16px}@media(max-width:420px){.tt-cal__date{grid-template-columns:minmax(0,132px) minmax(0,1fr) auto}}.tt-cal__more{display:inline-flex;align-items:center;gap:6px;height:42px;margin-top:10px;padding:0 16px 0 12px;border:0;border-radius:999px;background:#f4f1f1;color:var(--dark);font:inherit;font-size:16px;cursor:pointer}.tt-cal__more svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.tt-cal__sizes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:16px}.tt-cal__size{display:flex;flex-direction:column;align-items:center;gap:2px;padding:18px 10px;border:0;border-radius:20px;background:#f4f1f1;color:var(--dark);font:inherit;cursor:pointer;transition:background-color .2s ease,color .2s ease}.tt-cal__size b{font-size:24px;font-weight:900}.tt-cal__size small{font-size:14px;opacity:.75}.tt-cal__size em{font-style:normal;font-size:17px;margin-top:4px}.tt-cal__size[aria-checked=true]{background:var(--dark);color:#fff}.tt-cal__size:disabled{opacity:.45;cursor:not-allowed}.tt-cal__foot{padding:20px 24px 0}.tt-cal__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.tt-cal__note{flex:1 1 auto;min-height:2.9em;margin:0;display:flex;align-items:center;color:var(--soft);font-size:15px;line-height:1.4}.tt-cal__note.is-fix{color:var(--dark)}.tt-cal__next{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;height:50px;padding:0 20px 0 24px;border:0;border-radius:999px;background:var(--yellow);color:var(--dark);font:inherit;font-size:18px;cursor:pointer;transition:transform .2s var(--ease)}.tt-cal__next svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tt-cal__next.is-gone{visibility:hidden}@media(hover:hover){.tt-cal__next:hover{transform:translate(2px)}}.tt-cal__go{position:relative;width:100%;min-height:54px;margin-top:14px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;background:var(--dark);color:#fff;font:inherit;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)}@media(max-width:600px){.tt-cal__go{min-height:50px}}@media(hover:hover){.tt-cal__go:not([aria-disabled=true]):hover{transform:translateY(-2px)}}.tt-cal__go:not([aria-disabled=true]):active{transform:scale(.985)}.tt-cal__go[aria-disabled=true]{opacity:.5;cursor:default}.tt-cal__go.is-added,.tt-cal__go.is-added[aria-disabled=true]{opacity:1;background:var(--blue);color:#fff;font-weight:900}.tt-cal__golabel{display:inline-flex;align-items:center;gap:6px}.tt-cal__golabel.is-new{animation:ttcal-in .3s var(--ease) both}.tt-cal__tickd{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tt-cal__err{display:flex;align-items:flex-start;gap:10px;margin:12px 0 0;padding:11px 14px 11px 12px;border-radius:16px;background:#fff;color:var(--dark);font-size:14px;line-height:1.45;box-shadow:0 0 0 3px #f4f1f1}.tt-cal__err:before{content:"!";flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#ffd84d;color:var(--dark);font-weight:900;font-size:13px;line-height:1}.tt-cal__details{margin-top:14px;font-size:15px;line-height:1.55;color:var(--dark)}.tt-cal__dsum{display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:0 12px 0 14px;margin-left:-14px;border-radius:999px;list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.tt-cal__dsum::-webkit-details-marker{display:none}.tt-cal__dsum::marker{content:""}@media(hover:hover){.tt-cal__dsum:hover{background:#f4f1f1}}.tt-cal__dsum svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease)}.tt-cal__details[open] .tt-cal__dsum svg{transform:rotate(180deg)}.tt-cal__dpanel p{margin:4px 0 8px}.tt-cal__pick{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10060;display:flex;align-items:center;justify-content:center;padding:16px;background:#33333373}.tt-cal__pickin{width:min(560px,100%);max-height:min(80vh,640px);overflow-y:auto;background:#fff;color:var(--dark);border-radius:28px;padding:18px 20px 22px;animation:ttcal-in .3s var(--ease) both}@media(max-width:600px){.tt-cal__pick{align-items:flex-end;padding:0}.tt-cal__pickin{border-radius:28px 28px 0 0;max-height:78vh}}.tt-cal__pickhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.tt-cal__pickhead h3{margin:0;font-size:24px;font-weight:400}.tt-cal__pickhead .tt-cal__round{box-shadow:none;background:#f4f1f1}.tt-cal__pickgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}@media(max-width:420px){.tt-cal__pickgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.tt-cal__ptile{position:relative;display:grid;place-items:center;aspect-ratio:1;padding:0;overflow:hidden;border:0;border-radius:14px;background:#f4f1f1;color:var(--dark);font:inherit;font-size:14px;cursor:pointer}.tt-cal__ptile canvas{width:100%;height:100%;display:block}.tt-cal__ptile small{position:absolute;left:6px;bottom:6px;padding:2px 8px;border-radius:999px;background:#fff;font-size:12px}.tt-cal__ptile.is-on{box-shadow:0 0 0 3px var(--dark)}.tt-cal__ptile.is-add{border:2px dashed #d9d3d4;background:#fff;align-content:center;gap:4px}.tt-cal__ptile.is-add svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.tt-cal__pnone{padding:8px;text-align:center;line-height:1.3}.tt-cal button:focus-visible,.tt-cal__drop:focus-within,.tt-cal__ptile:focus-visible{outline:2px solid var(--dark);outline-offset:3px}.tt-cal__pager button:focus-visible,.tt-cal__tools button:focus-visible{outline-color:#fff}@media(prefers-reduced-motion:reduce){.tt-cal__panel,.tt-cal__golabel.is-new,.tt-cal__pickin,.tt-cal__pad.is-turn .tt-cal__page{animation:none}.tt-cal__round,.tt-cal__tool,.tt-cal__th,.tt-cal__go,.tt-cal__next,.tt-cal__mini canvas,.tt-cal__tick{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/tt-calendar-page.css.map */