.tk-size-intro{position:relative;background:#f7f5ef;padding:24px 0 52px;--tk-edge-next:#edf2e7;--tk-edge:url(tk-brand-header-edge.svg)}.tk-size-intro>.container{position:relative;z-index:1;max-width:1120px;width:calc(100% - 64px);padding:0}.tk-size-breadcrumb{display:flex;align-items:center;gap:10px;font-size:13px;color:#526847;margin-bottom:24px;line-height:1.6}.tk-size-breadcrumb a{display:inline-flex;gap:7px;align-items:center;color:inherit;text-decoration:none;min-height:40px}.tk-size-breadcrumb svg{width:18px;height:18px}.tk-size-page-heading{text-align:center;max-width:800px;margin:0 auto 30px}.tk-size-page-heading h1{font-size:clamp(32px,4.2vw,56px);line-height:1.4;letter-spacing:0;margin:0 0 16px;color:#193329}.tk-size-page-heading h1 em{font-style:normal;color:#7f9b6d}.tk-size-page-heading h1:after{content:"";display:block;width:150px;height:12px;margin:8px auto 0;border-bottom:3px solid #7f9b6d;border-radius:50%;transform:rotate(-3deg)}.tk-size-page-heading>p{font-size:16px;line-height:1.9;color:#526847;margin:0 auto;max-width:660px}.tk-size-intro .tk-size-start{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin:20px auto 0;min-height:50px;padding:13px 24px;border-radius:18px;font-size:16px;line-height:1.5;text-decoration:none}.tk-size-start svg{width:22px;height:22px;flex:none}.tk-measure-journey{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:30px;align-items:center;max-width:1020px;margin:0 auto}.tk-measure-studio{position:relative;min-width:0;margin:0;padding:22px;background:#f6edd8;border:1px solid #d7d8bc;border-radius:34px;box-shadow:0 6px #e6e2cd;text-align:center}.tk-measure-studio-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#526847;font-size:13px;font-weight:700;text-align:start}.tk-measure-studio-head>span:first-child{display:flex;gap:8px;align-items:center}.tk-measure-studio-head svg{width:21px;height:21px;flex:none}.tk-measure-unit{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #becaaa;border-radius:50%;background:#fff9}.tk-measure-drawing{margin:14px auto 8px;border:1px solid #d8dec9;border-radius:100px 100px 24px 24px;background:#fbfaf6;padding:5px 10px}.tk-foot-illustration{display:block;width:100%;height:auto;max-width:380px;margin:auto}.tk-measure-studio figcaption{font-size:18px;color:#193329;font-weight:800;line-height:1.6}.tk-measure-studio figcaption small{display:block;font-size:12px;font-weight:400;color:#526847;margin-top:3px}.tk-size-overview{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 20px;border-top:1px solid #d2d4b9;margin-top:16px;padding-top:15px;font-size:12px;color:#526847}.tk-size-overview span{display:inline-flex;align-items:center;gap:7px}.tk-size-overview span:before{content:"";width:5px;height:5px;border-radius:50%;background:#7f9b6d}.tk-measure-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}.tk-measure-steps li{display:flex;gap:16px;align-items:flex-start;padding:20px;border:1px solid #dce3d3;border-radius:24px;background:#fcfbf8}.tk-measure-step-number{display:grid;place-items:center;flex:none;width:42px;height:46px;background:#e8eedf;border:1px solid #c7d3bc;border-radius:16px;color:#526847;font-weight:800;font-size:17px;direction:ltr}.tk-measure-steps li:last-child{background:#edf2e7}.tk-measure-steps h2{font-size:20px;line-height:1.5;margin:0 0 4px;color:#193329}.tk-measure-steps p{font-size:14px;line-height:1.8;margin:0;color:#526847}.tk-storefront .tk-size-page{padding:48px 0 60px;scroll-margin-top:230px}.tk-size-page .finder-shell{max-width:1120px;width:calc(100% - 64px);padding:0}.tk-size-page .finder-copy{max-width:750px;margin:0 auto 30px;text-align:center}.tk-size-page .finder-copy h2{font-size:clamp(30px,3.3vw,44px);line-height:1.45;letter-spacing:0;margin-bottom:18px}.tk-size-page .finder-copy p{font-size:15px;line-height:1.9}.tk-size-page .finder-workspace{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:26px;align-items:start;max-width:none}.tk-size-page .finder-form{padding:26px;border-radius:32px;background:#fbfaf6;box-shadow:0 6px #dbe4d1;border:1px solid #b3c2ab;gap:18px}.tk-size-page .finder-welcome{padding-bottom:17px;margin:0;gap:14px;align-items:center}.tk-size-page .finder-welcome img{height:86px;width:57px}.tk-size-page .finder-welcome h3{font-size:24px;line-height:1.5;margin:0 0 4px}.tk-size-page .finder-welcome p{line-height:1.8;font-size:13px}.tk-size-page .tk-size-guide-trigger{margin:0;background:#e8eedf;justify-content:flex-start;padding:12px 16px;border-style:dashed;min-height:50px}.tk-size-page .finder-field{margin:0;padding:0;min-width:0}.tk-size-page .finder-field>small{display:block;line-height:1.7;color:#526847;font-size:12px;margin-top:8px}.tk-size-page .finder-field label{font-size:15px;gap:8px;line-height:1.6;margin:0 0 9px;justify-content:flex-start}.tk-size-page .finder-field label small{margin-inline-start:auto;flex:none}.tk-size-page .finder-field label .tk-finder-field-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;background:#e8eedf;color:#526847;border-radius:11px}.tk-finder-field-icon svg{width:18px;height:18px}.tk-size-page .finder-age-control{border-radius:18px;padding:7px}.tk-size-page .finder-age-control input{font-size:26px;height:48px}.tk-size-page .finder-age-control button{width:44px;height:44px;flex:none}.tk-size-page .finder-field select{height:54px;font-size:16px;border-color:#c7d3bc}.tk-size-page .tk-foot-input{display:flex;align-items:center;gap:12px;padding:6px 14px;border:1px solid #c7d3bc;border-radius:18px;background:#fff}.tk-size-page .tk-foot-input svg{width:23px;height:23px;flex:none}.tk-size-page .tk-foot-input input{min-width:0;width:100%;border:0;background:none;color:#193329;min-height:40px;height:40px;padding:0;font:inherit;font-size:18px;text-align:center}.tk-size-page .tk-foot-input input::placeholder{color:#849078}.tk-size-page .tk-fit-preview{border:1px solid #c2d0b5;background:#e8eedf;border-radius:14px;padding:12px;font-size:14px;line-height:1.7;text-align:center;color:#193329;margin:0}.tk-size-page .finder-submit{font-size:17px;gap:10px;min-height:54px;justify-content:center;padding:13px 16px}.tk-size-page .finder-submit>span:last-child{font-size:17px;line-height:1.5}.tk-size-page .finder-submit>svg{width:22px;height:22px;flex:none}.tk-size-page .finder-guidance{font-size:12px;line-height:1.8;margin:0;color:#526847}.tk-size-page .tk-finder-prompt{display:flex;flex-direction:column;min-height:430px;padding:34px 26px;background:#fbfaf6;border:1px solid #c7d3bc;border-radius:100px 100px 30px 30px;font-size:15px;gap:16px}.tk-size-page .tk-finder-prompt>.tk-finder-placeholder-art{width:92px;height:145px;object-fit:contain}.tk-size-page .tk-finder-prompt>strong{font-size:25px;line-height:1.5;color:#193329}.tk-size-page .tk-finder-prompt>span{max-width:360px}.tk-size-page .finder-results{padding:22px;border:1px solid #c7d3bc;border-radius:30px;background:#fbfaf6;scroll-margin-top:235px}.tk-size-page .finder-result-heading{gap:12px}.tk-size-page .finder-result-heading h3{font-size:21px;line-height:1.6;margin-top:5px}.tk-size-page .finder-size-seal{width:70px;height:78px;border-radius:22px 22px 28px 28px}.tk-size-page .tk-finder-measurements{font-size:12px;line-height:1.8;padding:10px 12px;border-radius:14px}.tk-size-page .finder-result-status{margin:12px 0 15px;font-size:13px}.tk-size-page .finder-matches{max-height:none;overflow:visible;overscroll-behavior:contain;padding:4px}.tk-size-page .finder-all{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;line-height:1.5}.tk-size-page .finder-all svg{width:20px;height:20px;flex:none}.tk-storefront .tk-size-page .tk-finder-product .tk-shop-option>div{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:7px;padding:3px;scrollbar-width:thin;scrollbar-color:#b3c2ab transparent}.tk-size-page .tk-finder-product .tk-shop-choice{flex:0 0 44px}.tk-size-start,.tk-size-page button{transition:transform .2s,box-shadow .2s,background-color .2s}.tk-size-start:focus-visible,.tk-size-breadcrumb a:focus-visible{outline:3px solid #526847;outline-offset:4px}@media(hover:hover){.tk-size-start:hover,.tk-size-page button:hover{transform:translateY(-2px)}}.tk-size-start:active,.tk-size-page button:active{transform:translateY(0)}@media(max-width:1000px){.tk-measure-journey{gap:22px}.tk-measure-studio{padding:18px}.tk-measure-steps li{padding:16px;gap:12px}.tk-measure-steps h2{font-size:18px}.tk-size-page .finder-workspace{gap:20px}.tk-size-page .finder-form{padding:22px 18px}.tk-size-page .finder-results{padding:18px}.tk-size-page .finder-welcome h3{font-size:21px}}@media(max-width:780px){.tk-size-intro{padding:16px 0 38px}.tk-size-intro>.container,.tk-size-page .finder-shell{width:calc(100% - 36px);padding:0}.tk-size-breadcrumb{margin-bottom:18px;font-size:12px}.tk-size-page-heading{margin-bottom:26px}.tk-size-page-heading h1{font-size:36px}.tk-size-page-heading h1 em{display:block}.tk-size-page-heading>p{font-size:14px}.tk-size-intro .tk-size-start{margin-top:17px;font-size:15px}.tk-measure-journey{grid-template-columns:1fr;gap:20px;max-width:520px}.tk-measure-studio{padding:18px;border-radius:28px}.tk-measure-drawing{max-width:350px}.tk-measure-drawing .tk-foot-illustration{max-width:300px}.tk-measure-studio figcaption{font-size:17px}.tk-measure-steps{gap:10px}.tk-measure-steps li{padding:17px;border-radius:22px}.tk-measure-steps h2{font-size:18px}.tk-measure-steps p{font-size:14px}.tk-measure-step-number{width:37px;height:42px;font-size:15px;border-radius:14px}.tk-storefront .tk-size-page{padding:36px 0 44px;scroll-margin-top:125px}.tk-size-page .finder-workspace{grid-template-columns:1fr;gap:22px;max-width:560px;margin:auto}.tk-size-page .finder-copy{margin-bottom:24px}.tk-size-page .finder-copy h2{font-size:34px}.tk-size-page .finder-copy h2 span,.tk-size-page .finder-copy h2 em{display:block}.tk-size-page .finder-copy p{font-size:14px}.tk-size-page .finder-form{padding:22px 20px;border-radius:28px;gap:18px}.tk-size-page .finder-welcome h3{font-size:23px}.tk-size-page .finder-welcome img{width:50px;height:75px}.tk-size-page .tk-finder-prompt{min-height:270px;padding:25px 22px;border-radius:60px 60px 28px 28px;font-size:14px;gap:12px}.tk-size-page .tk-finder-prompt>.tk-finder-placeholder-art{width:65px;height:104px}.tk-size-page .tk-finder-prompt>strong{font-size:22px}.tk-size-page .finder-results{padding:18px;border-radius:28px;scroll-margin-top:125px}.tk-size-page .finder-result-heading h3{font-size:20px}.tk-size-page .finder-matches{max-height:none;overflow:visible}.tk-size-page input,.tk-size-page select{font-size:16px}.tk-size-page .finder-submit>span:last-child{font-size:16px}}@media(max-width:360px){.tk-size-intro>.container,.tk-size-page .finder-shell{width:calc(100% - 28px)}.tk-size-page-heading h1{font-size:31px}.tk-measure-studio{padding:14px}.tk-measure-studio-head{font-size:12px}.tk-measure-steps li{padding:15px 12px;gap:10px}.tk-measure-steps h2{font-size:17px}.tk-measure-steps p{font-size:13px}.tk-size-page .finder-form{padding:20px 14px}.tk-size-page .finder-results{padding:14px 10px}.tk-size-page .finder-copy h2{font-size:30px}.tk-size-page .finder-welcome h3{font-size:21px}.tk-size-page .finder-field label{font-size:14px}.tk-size-page .finder-result-heading h3{font-size:18px}}@media(prefers-reduced-motion:reduce){.tk-size-start,.tk-size-page button{transition:none;transform:none!important}}.tk-storefront main>.tk-section>section.tk-size-intro:after{content:"";inset:auto 0 -9px;height:10px;background:transparent url(tk-brand-header-edge.svg) 0 0/30px 10px repeat-x;transform:none;z-index:5}.tk-storefront main>.tk-section>section.tk-size-page:after{content:"";inset:auto 0 -9px;height:10px;background:transparent url(tk-brand-finder-edge.svg) 0 0/30px 10px repeat-x;transform:none;z-index:5}.tk-storefront main>.tk-section:has(>.tk-size-intro),.tk-storefront main>.tk-section:has(>.tk-size-page){position:relative;z-index:2;overflow:visible}.tk-storefront main>.tk-section:has(>.tk-size-intro){z-index:3}.tk-storefront:has(.tk-size-page) .tk-footer-v24:before{content:none;display:none}.tk-storefront:has(.tk-size-page) .tk-footer-v24{border-top:0}
/*# sourceMappingURL=/cdn/shop/t/99/assets/tk-size-page.css.map */