.ts-calc-v2{--c-navy: #001935;--c-ink: #102a4c;--c-muted: #50627d;--c-blue: #1f6fd1;--c-line: rgba(9, 60, 110, .12);--c-tint: #edf3fb;--c-card: #fff;--c-panel: #f6f9fd}.ts-calc-v2 :where(h2[id],h3[id],section[id],.ts-calc-page__widget){scroll-margin-top:110px}.ts-calc-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:1.5rem 3.5rem;align-items:start}.ts-calc-hero__main>p:not(.ts-calc-formula){max-width:72ch;margin:1rem 0 0;font-size:1.05rem;line-height:1.6}.ts-calc-hero .ts-calc-formula code{background:var(--c-card);border:1px solid var(--c-line)}.ts-calc-toc{margin-top:2.4rem;padding:1.25rem 1.35rem 1.1rem;border-radius:18px;background:var(--c-card);border:1px solid var(--c-line);box-shadow:0 18px 40px -30px #062c5973}.ts-calc-toc__title{margin:0 0 .6rem;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted)}.ts-calc-toc ol{list-style:none;margin:0;padding:0;counter-reset:calctoc}.ts-calc-toc li{counter-increment:calctoc}.ts-calc-toc li+li{border-top:1px solid rgba(9,60,110,.08)}.ts-calc-toc a{display:flex;align-items:center;gap:.7rem;padding:.62rem 0;font-weight:700;font-size:.98rem;line-height:1.25;text-decoration:none;color:var(--c-navy)}.ts-calc-toc a:before{content:counter(calctoc);flex:none;display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;font-size:.78rem;background:var(--c-tint);color:var(--c-blue)}.ts-calc-toc a:hover,.ts-calc-toc a:focus-visible{color:var(--c-blue)}.ts-calc-v2 .ts-calc-page__widget{margin:2.25rem 0 0}.ts-calc-v2 .ts-calc-tool{max-width:none;width:auto;margin:0;padding:clamp(1.25rem,3vw,2.5rem);border-radius:24px;box-sizing:border-box;font-family:inherit;color:var(--c-ink);background:var(--c-card);border:1px solid var(--c-line);box-shadow:0 30px 60px -42px #062c598c}.ts-calc-v2 .ts-calc-tool *,.ts-calc-v2 .ts-calc-tool *:before,.ts-calc-v2 .ts-calc-tool *:after{box-sizing:border-box}.ts-calc-v2 .ts-calc-tool :is(input,select,textarea,button){font-family:inherit}.ts-calc-tool__head{margin:0 0 1.75rem}.ts-calc-v2 .ts-calc-tool__head>h2{margin:0 0 .5rem;font-size:clamp(1.6rem,2.8vw,2.25rem);line-height:1.1;color:var(--c-navy)}.ts-calc-v2 .ts-calc-tool__head>p{max-width:70ch;margin:0;color:var(--c-muted);font-size:1.05rem;line-height:1.6}.ts-calc-tool__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2rem 2.5rem;align-items:start}.ts-calc-v2 .ts-calc-tool__form{max-width:none;width:auto;margin:0;min-width:0}.ts-calc-v2 .ts-calc-tool__form>:first-child{margin-top:0}.ts-calc-v2 .ts-calc-tool__form>:last-child{margin-bottom:0}.ts-calc-tool__panel{display:flex;flex-direction:column;gap:1rem;min-width:0;padding:1.25rem;border-radius:20px;background:var(--c-panel);border:1px solid var(--c-line)}.ts-calc-v2 .ts-calc-tool__label{margin:0;font-size:.78rem;font-weight:800;letter-spacing:.08em;line-height:1.3;text-transform:uppercase;color:var(--c-muted)}.ts-calc-tool__placeholder{display:flex;align-items:center;gap:.75rem;min-height:5.5rem;margin:0;padding:1rem 1.15rem;border-radius:16px;border:2px dashed #c9d6e8;background:var(--c-card);color:var(--c-muted);font-weight:600;line-height:1.4}.ts-calc-tool__placeholder:before{content:"=";flex:none;display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--c-tint);color:var(--c-blue);font-weight:900;font-size:1.15rem}.ts-calc-tool__panel:has(#result.show,#result[style*=block],#result.result:not(.hidden),#results[style*=block],#productInfo[style*=block],#errorMessage[style*=block]) .ts-calc-tool__placeholder{display:none}.ts-calc-v2 .ts-calc-tool__panel>:is(#result,#results,#productInfo,#errorMessage,#gfoResultBox,.disclaimer-box,.warning,.note-block,.gfo-calculator-warning){max-width:none;width:auto;margin:0}.ts-calc-v2 .ts-calc-tool__panel>:is(#result,#results,#productInfo,#gfoResultBox){background:var(--c-card);border:1px solid var(--c-line);border-left:4px solid var(--c-blue);border-radius:14px;box-shadow:0 14px 30px -26px #062c5980}.ts-calc-v2 .ts-calc-tool__panel :is(p,li){line-height:1.6}.ts-calc-v2 .ts-calc-tool__panel>:is(.disclaimer-box,.warning,.note-block){font-size:.93rem}.ts-calc-next{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .5rem;margin:0}.ts-calc-next__label{font-size:.88rem;font-weight:700;color:var(--c-muted);margin-right:.15rem}.ts-calc-next ul{display:flex;flex-wrap:wrap;gap:.45rem .5rem;margin:0;padding:0;list-style:none}.ts-calc-v2 .ts-calc-next li{margin:0;font-size:inherit;line-height:inherit}.ts-calc-next a{display:inline-block;padding:.38rem .75rem;border-radius:999px;font-size:.86rem;font-weight:700;line-height:1.3;text-decoration:none;color:var(--c-navy);background:var(--c-card);border:1px solid var(--c-line)}.ts-calc-next a:hover,.ts-calc-next a:focus-visible{border-color:var(--c-blue);color:var(--c-blue)}.ts-calc-v2 :is(.ts-widget__field,.ts-size-field) label{font-weight:700;color:var(--c-ink);line-height:1.25}.ts-calc-v2 :is(.ts-widget__field,.ts-size-field) :is(input,select){height:52px;padding:0 1rem;border-radius:12px;border:1px solid #cfd9e7;background-color:var(--c-card);color:var(--c-ink);font-size:1.05rem;transition:border-color .16s ease,box-shadow .16s ease}.ts-calc-v2 :is(.ts-widget__field,.ts-size-field) :is(input,select):focus{outline:none;border-color:var(--c-blue);box-shadow:0 0 0 4px #1f6fd124}.ts-calc-v2 .ts-calc-tool__panel>:is(.ts-widget__result,.ts-size-result){margin:0;padding:1rem 1.15rem;background:var(--c-card);border:1px solid var(--c-line);border-left:4px solid var(--c-blue);border-radius:14px}.ts-calc-v2 :is(.ts-widget__results,.ts-size-results) li{background:var(--c-tint)}.ts-calc-v2 :is(.ts-widget__results,.ts-size-results) strong{color:var(--c-navy)}.ts-calc-v2 :is(.ts-widget__hint,.ts-size-hint){color:var(--c-muted);opacity:1}.ts-calc-v2 .sandbed-calculator .field-group{margin:0}.ts-calc-v2 .sandbed-calculator .ts-calc-tool__panel .field-label,.ts-calc-v2 .sandbed-calculator .ts-calc-shapes .field-label{margin:0 0 .55rem;font-size:1rem;color:var(--c-navy)}.ts-calc-v2 .sandbed-calculator .custom-dropdown{display:inline-flex;width:auto;min-height:0;margin:0 0 .9rem;padding:.35rem .8rem;border:0;border-radius:999px;background:var(--c-tint);box-shadow:none;cursor:default}.ts-calc-v2 .sandbed-calculator .dropdown-main{flex-direction:row;align-items:baseline;gap:.45rem}.ts-calc-v2 .sandbed-calculator .dropdown-main small{font-size:.9rem;font-weight:600;color:var(--c-muted)}.ts-calc-v2 .sandbed-calculator .dropdown-main small:after{content:":"}.ts-calc-v2 .sandbed-calculator #dropdownText{font-size:.9rem;font-weight:800;color:var(--c-navy)}.ts-calc-v2 .sandbed-calculator .dropdown-chevron{display:none}.ts-calc-v2 .sandbed-calculator .shape-mini-icons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:0;padding:.6rem;border:0;border-radius:18px;background:var(--c-tint)}.ts-calc-v2 .sandbed-calculator .shape-mini-option{appearance:none;-webkit-appearance:none;margin:0;width:100%;height:auto;min-height:112px;padding:.7rem .35rem .65rem;border-radius:14px;border:2px solid transparent;background:var(--c-card);color:var(--c-ink);font:inherit;box-shadow:none;transform:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.ts-calc-v2 .sandbed-calculator .shape-mini-option img{width:62px;height:62px;object-fit:contain;mix-blend-mode:multiply;border-radius:0}.ts-calc-v2 .sandbed-calculator .shape-mini-option span{font-size:.82rem;font-weight:800;line-height:1.15;color:inherit}.ts-calc-v2 .sandbed-calculator .shape-mini-option:hover{border-color:#c8d4e4;transform:translateY(-2px)}.ts-calc-v2 .sandbed-calculator .shape-mini-option:focus-visible{outline:3px solid var(--c-blue);outline-offset:2px}.ts-calc-v2 .sandbed-calculator .shape-mini-option.active{border-color:var(--c-blue);background:#f3f8ff;color:var(--c-blue);box-shadow:0 10px 22px -16px #1f6fd1e6;transform:none}.ts-calc-v2 .sandbed-calculator .selected-shape-image{height:200px;min-height:0;margin:0;padding:.75rem;border:0;border-radius:14px;background:var(--c-card)}.ts-calc-v2 .sandbed-calculator .selected-shape-image img{width:auto;height:100%;max-height:none;max-width:100%;object-fit:contain}.ts-calc-v2 .sandbed-calculator .dimensions-header{margin:0 0 .65rem}.ts-calc-v2 .sandbed-calculator .unit-label{font-size:.9rem;color:var(--c-muted)}.ts-calc-v2 .sandbed-calculator input:checked+.slider{background-color:var(--c-blue)}.ts-calc-v2 .sandbed-calculator .input-grid{gap:.75rem}.ts-calc-v2 .sandbed-calculator .input-field label{margin:0 0 .4rem;font-size:.95rem;color:var(--c-ink)}.ts-calc-v2 .sandbed-calculator :is(input[type=number],select){min-height:52px;padding:.75rem 1rem;border-radius:12px;border-color:#cfd9e7;font-size:1.05rem;color:var(--c-ink)}.ts-calc-v2 .sandbed-calculator select{padding-right:2.75rem}.ts-calc-v2 .sandbed-calculator :is(input[type=number],select):focus{border-color:var(--c-blue);box-shadow:0 0 0 4px #1f6fd124}.ts-calc-v2 .sandbed-calculator .result-section{margin:0;max-width:none}.ts-calc-v2 .sandbed-calculator .result-card{padding:1.1rem 1.25rem 1.2rem;border:0;border-radius:16px;background:linear-gradient(135deg,#062c59,#001935);color:#fff}.ts-calc-v2 .sandbed-calculator .result-label{margin:0 0 .45rem;font-size:.95rem;color:#ffffffd9}.ts-calc-v2 .sandbed-calculator #sandBedResult{min-height:2.4rem;font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.15;font-weight:800;color:#fff}.ts-calc-v2 .bioload-calculator{max-width:none;margin:0;padding:0;background:none;font-family:inherit}.ts-calc-v2 .bioload-calculator :is(input,select,button){font-family:inherit}.ts-calc-v2 .bioload-card{border:1px solid var(--c-line);border-radius:24px;box-shadow:0 30px 60px -42px #062c598c}.ts-calc-v2 .bioload-card h2{font-size:clamp(1.5rem,2.4vw,2rem);color:var(--c-navy)}.ts-calc-v2 .bioload-calculator .ts-calc-next{margin-top:1.25rem}.ts-calc-v2 .energy-calculator.ts-calc-tool{display:flex;flex-direction:column;gap:1.25rem}.ts-calc-v2 .energy-calculator .actions-row{margin:0}.ts-calc-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:3.5rem 0 0}.ts-calc-block{min-width:0;padding:1.4rem 1.5rem 1.3rem;border-radius:18px;background:var(--c-card);border:1px solid var(--c-line)}.ts-calc-blocks>.ts-calc-block{margin:0}.ts-calc-block--wide{grid-column:1 / -1}.ts-calc-block--lead{padding:0 0 .5rem;background:none;border:0;border-radius:0}.ts-calc-v2 .ts-calc-block :is(h2,h3){margin:0 0 .75rem;line-height:1.2;color:var(--c-navy)}.ts-calc-v2 .ts-calc-block h2{font-size:clamp(1.4rem,2.2vw,1.85rem)}.ts-calc-v2 .ts-calc-block :is(h3,h4){font-size:clamp(1.15rem,1.6vw,1.3rem)}.ts-calc-v2 .ts-calc-block h4{margin:0 0 .75rem;line-height:1.2;color:var(--c-navy)}.ts-calc-v2 .ts-calc-block :is(h2,h3)+:is(h2,h3){margin-top:1.25rem}.ts-calc-v2 .ts-calc-block *+:is(h2,h3){margin-top:1.4rem}.ts-calc-v2 .ts-calc-block p{margin:0 0 .8rem;line-height:1.65}.ts-calc-v2 .ts-calc-block :is(ul,ol){margin:0 0 .8rem;padding-left:1.25rem;list-style:disc}.ts-calc-v2 .ts-calc-block ol{list-style:decimal}.ts-calc-v2 .ts-calc-block li{margin:0 0 .4rem;line-height:1.55}.ts-calc-v2 .ts-calc-block>:last-child{margin-bottom:0}.ts-calc-block--lead>p,.ts-calc-block--lead>:is(h2,h3){max-width:72ch}.ts-calc-block--list :is(ul,ol){columns:2 320px;column-gap:2.5rem}.ts-calc-block--list li{break-inside:avoid}.ts-calc-block a{font-weight:700;color:var(--c-blue);text-underline-offset:2px}.ts-calc-block table{width:100%;border-collapse:collapse}.ts-calc-v2 .ts-calc-extra{max-width:none;margin-top:3.5rem}.ts-calc-v2 .ts-calc-extra>*+*{margin-top:3.5rem}.ts-calc-v2 .ts-calc-section h2{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.15}.ts-calc-v2 .ts-calc-reference__scroll{background:var(--c-card)}.ts-calc-v2 .ts-calc-hub__table-wrap{margin-top:1.25rem;border:1px solid rgba(9,60,110,.12);border-radius:12px;background:var(--c-card)}.ts-calc-v2 .ts-calc-hub__table{font-size:.94rem}.ts-calc-v2 .ts-calc-hub__table caption{padding:.85rem 1rem;font-weight:700;text-align:left;background:#093c6e0f;color:var(--c-ink)}.ts-calc-v2 .ts-calc-hub__table :is(th,td){padding:.7rem .85rem;text-align:left;vertical-align:top;border-top:1px solid rgba(9,60,110,.1)}.ts-calc-v2 .ts-calc-hub__table thead th{background:#093c6e09}.ts-calc-v2 .ts-calc-hub__table tbody th{font-weight:700;white-space:nowrap}.ts-calc-v2 .ts-calc-hub__table tbody tr:nth-child(2n){background:#093c6e06}.ts-calc-v2 .ts-size-widget .ts-calc-tool__grid{grid-template-columns:minmax(0,1fr);gap:1.25rem}.ts-calc-v2 .ts-size-widget .ts-calc-tool__form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem}.ts-calc-v2 .ts-size-widget .ts-calc-tool__form>.ts-size-field{flex:1 1 320px;max-width:460px;margin:0}.ts-calc-v2 .ts-size-widget .ts-size-custom{flex:2 1 420px;margin:0}.ts-calc-v2 .ts-size-widget .ts-size-results{grid-template-columns:repeat(4,minmax(0,1fr))}.ts-calc-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:2rem 3rem;align-items:start}.ts-calc-split>*{margin-top:0}.ts-calc-split>.ts-calc-section{max-width:none}.ts-calc-split>section>p{max-width:72ch}.ts-calc-sizes{padding:1.25rem;border-radius:18px;background:var(--c-card);border:1px solid var(--c-line);box-shadow:0 18px 40px -32px #062c5973}.ts-calc-sizes__title{margin:0 0 .3rem;font-size:1.2rem;font-weight:900;color:var(--c-navy);line-height:1.2}.ts-calc-sizes__lede{margin:0 0 .9rem;font-size:.92rem;line-height:1.5;color:var(--c-muted)}.ts-calc-sizes ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.ts-calc-sizes__item{display:flex;align-items:center;gap:.8rem;padding:.5rem .7rem .5rem .5rem;border-radius:14px;border:1px solid rgba(9,60,110,.09);background:#f8fafd;text-decoration:none;color:var(--c-ink);transition:border-color .16s ease,background .16s ease}.ts-calc-sizes__item:hover,.ts-calc-sizes__item:focus-visible{border-color:var(--c-blue);background:#fff}.ts-calc-sizes__img{flex:none;width:56px;height:56px;border-radius:10px;overflow:hidden;background:var(--c-tint)}.ts-calc-sizes__img img{display:block;width:100%;height:100%;object-fit:cover}.ts-calc-sizes__text{display:flex;flex-direction:column;min-width:0;flex:1}.ts-calc-sizes__name{font-weight:800;font-size:.98rem;line-height:1.2}.ts-calc-sizes__count{font-size:.82rem;color:var(--c-muted)}.ts-calc-sizes__arrow{flex:none;font-weight:800;color:var(--c-blue)}.ts-calc-sizes__all{display:block;margin-top:.9rem;padding:.7rem 1rem;border-radius:12px;text-align:center;font-weight:800;text-decoration:none;color:#fff;background:var(--c-navy)}.ts-calc-sizes__all:hover,.ts-calc-sizes__all:focus-visible{background:#062c59}.ts-calc-v2 .ts-calc-shop{margin-top:3.5rem}.ts-calc-v2 .ts-calc-shop__lede{margin:-.6rem 0 1.25rem;max-width:72ch;line-height:1.55;color:var(--c-muted)}.ts-calc-v2 .ts-calc-shop__media{background:#fff;padding:.75rem}.ts-calc-v2 .ts-calc-shop__media img{object-fit:contain}.ts-calc-v2 .ts-calc-shop__info{flex:1;border-top:1px solid rgba(9,60,110,.07)}.ts-calc-shop__eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c-blue, #1f6fd1)}.ts-calc-v2 .ts-calc-shop__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.ts-calc-v2 .ts-calc-shop__price{margin-top:auto;font-weight:700;opacity:1;color:var(--c-navy)}.ts-calc-cats{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:1.25rem 0 0;padding:0}.ts-calc-cats a{display:inline-block;padding:.5rem .95rem;border-radius:999px;font-size:.92rem;font-weight:700;text-decoration:none;color:var(--c-navy);background:var(--c-card);border:1px solid var(--c-line)}.ts-calc-cats a:hover,.ts-calc-cats a:focus-visible{border-color:var(--c-blue);color:var(--c-blue)}.ts-calc-outro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem}.ts-calc-outro>*{grid-column:1 / -1}.ts-calc-outro>.ts-calc-service{grid-column:auto;max-width:none;margin-top:3rem;padding:1.1rem 1.3rem;border-radius:16px;background:var(--c-card);border:1px solid var(--c-line)}.ts-calc-outro>.ts-calc-service:only-of-type{grid-column:1 / -1}.ts-calc-outro>.ts-calc-service p{margin:0}.ts-calc-outro>.ts-calc-service a{font-weight:800}@media(max-width:1100px){.ts-calc-hero{grid-template-columns:minmax(0,1fr) 280px;gap:1.5rem 2rem}.ts-calc-v2 .sandbed-calculator .shape-mini-icons{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:989px){.ts-calc-hero,.ts-calc-tool__grid,.ts-calc-split{grid-template-columns:minmax(0,1fr)}.ts-calc-v2 .sandbed-calculator .shape-mini-icons{grid-template-columns:repeat(6,minmax(0,1fr))}.ts-calc-toc{margin-top:0;padding:.75rem}.ts-calc-toc ol{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none}.ts-calc-toc ol::-webkit-scrollbar{display:none}.ts-calc-toc li+li{border-top:0}.ts-calc-toc a{padding:.4rem .75rem .4rem .4rem;border-radius:999px;white-space:nowrap;background:var(--c-tint);font-size:.9rem;gap:.45rem}.ts-calc-toc a:before{width:1.35rem;height:1.35rem;background:#fff}.ts-calc-toc__title{margin-bottom:.45rem}}@media(max-width:749px){.ts-calc-v2 .ts-calc-page__widget{margin-top:1.5rem}.ts-calc-v2 .ts-calc-tool{border-radius:18px}.ts-calc-tool__head{margin-bottom:1.25rem}.ts-calc-v2 .ts-calc-tool__head>p{font-size:1rem}.ts-calc-tool__grid{gap:1.25rem}.ts-calc-tool__panel{padding:1rem}.ts-calc-v2 .ts-size-widget .ts-size-results{grid-template-columns:repeat(2,minmax(0,1fr))}.ts-calc-v2 .sandbed-calculator .shape-mini-icons{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:92px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;padding:.5rem;gap:.5rem}.ts-calc-v2 .sandbed-calculator .shape-mini-option{min-height:98px;scroll-snap-align:start}.ts-calc-v2 .sandbed-calculator .shape-mini-option img{width:50px;height:50px}.ts-calc-v2 .sandbed-calculator .shape-mini-option span{font-size:.76rem}.ts-calc-v2 .sandbed-calculator .selected-shape-image{height:160px}.ts-calc-blocks{grid-template-columns:minmax(0,1fr);margin-top:2.75rem}.ts-calc-block{padding:1.15rem 1.15rem 1.05rem}.ts-calc-block--lead{padding:0}.ts-calc-v2 .ts-calc-extra,.ts-calc-v2 .ts-calc-shop{margin-top:2.75rem}.ts-calc-v2 .ts-calc-extra>*+*{margin-top:2.75rem}.ts-calc-rail.ts-calc-shop__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:64%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:.5rem;scrollbar-width:thin}.ts-calc-rail .ts-calc-shop__card{scroll-snap-align:start}.ts-calc-rail .ts-calc-shop__card:hover{transform:none}.ts-calc-outro{grid-template-columns:minmax(0,1fr)}.ts-calc-outro>.ts-calc-service{margin-top:1rem}.ts-calc-outro>.ts-calc-service:first-of-type{margin-top:2.5rem}}
/*# sourceMappingURL=/cdn/shop/t/218/assets/topshelf-calc-layout.css.map */