.tsps{--tsps-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");--tsps-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");--tsps-book:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4h6a3 3 0 0 1 3 3v13a2.5 2.5 0 0 0-2.5-2.5H2zM22 4h-6a3 3 0 0 0-3 3v13a2.5 2.5 0 0 1 2.5-2.5H22z'/%3E%3C/svg%3E");--tsps-panel-bg:transparent;--tsps-panel-fg:#ffffff;--tsps-card-bg:#ffffff;--tsps-card-fg:#0b2347;--tsps-label-fg:rgba(255,255,255,.58);--tsps-hairline:rgba(126,178,255,.18);display:block;background:var(--tsps-bg,#041229);background:linear-gradient(180deg,var(--tsps-bg,#041229) 0%,var(--tsps-bg-2,#041229) 100%);color:var(--tsps-fg,#ffffff)}.tsps__inner{position:relative;max-width:var(--tsps-max,1500px);margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}.tsps__radio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;margin:0}.tsps__eyebrow{margin:0 0 .55rem;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--tsps-accent,#5aa9ff)}.tsps__heading{margin:0;font-size:clamp(28px,4.4vw,38px);line-height:1.05;font-weight:800;letter-spacing:-.02em;color:var(--tsps-fg,#ffffff)}.tsps__subheading{margin:.6rem 0 0;font-size:clamp(13.5px,1.4vw,14.5px);line-height:1.5;color:var(--tsps-muted,rgba(255,255,255,.62));max-width:34rem}.tsps__nav{display:flex;gap:8px;margin-top:1.5rem;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding-bottom:4px}.tsps__nav::-webkit-scrollbar{display:none}.tsps__nav-item{flex:0 0 auto;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:78px;padding:10px 6px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff08;color:#ffffffb8;cursor:pointer;text-align:center;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.tsps__ico{width:26px;height:26px;object-fit:contain;display:block;flex:0 0 auto}.tsps__ico--sym{background-color:var(--tsps-accent,#4f9cff);-webkit-mask:var(--tsps-icon) center / contain no-repeat;mask:var(--tsps-icon) center / contain no-repeat}.tsps-i--algae{--tsps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21V7'/%3E%3Cpath d='M12 15c0-3.3 2.2-5.5 5.5-5.5'/%3E%3Cpath d='M12 17.5c0-2.6-1.9-4.5-4.5-4.5'/%3E%3Cpath d='M12 10.5C12 6.9 14.4 4 18 4'/%3E%3Cpath d='M12 8C12 5 9.8 2.8 6.8 2.8'/%3E%3C/svg%3E")}.tsps-i--pest{--tsps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21v-7'/%3E%3Cpath d='M12 14V6'/%3E%3Cpath d='m12 14-4.5-6'/%3E%3Cpath d='m12 14 4.5-6'/%3E%3Cpath d='M12 14 4.5 11'/%3E%3Cpath d='m12 14 7.5-3'/%3E%3C/svg%3E")}.tsps-i--coral{--tsps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21v-6'/%3E%3Cpath d='M12 15c0-3-3-3.4-3-6.4'/%3E%3Cpath d='M12 15c0-2.4 2.6-3 2.6-6.4'/%3E%3Cpath d='M9 8.6V5.4'/%3E%3Cpath d='M14.6 8.6V4.6'/%3E%3Cpath d='M12 15v-4.6'/%3E%3C/svg%3E")}.tsps-i--color{--tsps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18'/%3E%3Cpath d='m4.2 7.5 15.6 9'/%3E%3Cpath d='m19.8 7.5-15.6 9'/%3E%3Cpath d='M12 8.5 9.6 6.6'/%3E%3Cpath d='m12 8.5 2.4-1.9'/%3E%3C/svg%3E")}.tsps-i--fish{--tsps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 12c0 3-2.9 5.2-6.3 5.2S3.8 15 3.8 12s2.9-5.2 6.3-5.2 6.3 2.2 6.3 5.2Z'/%3E%3Cpath d='m16.4 12 3.8-3.2v6.4L16.4 12Z'/%3E%3Cpath d='M7.4 10.6h.01'/%3E%3C/svg%3E")}.tsps-i--water{--tsps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8s6.2 6.7 6.2 10.4a6.2 6.2 0 0 1-12.4 0C5.8 9.5 12 2.8 12 2.8Z'/%3E%3C/svg%3E")}.tsps-i--equipment{--tsps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 14c2.5-2 4-2 6 0s3.5 2 6 0 3.5-2 6 0'/%3E%3C/svg%3E")}.tsps-i--light{--tsps-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2.6v2.2M12 19.2v2.2M4.3 4.3l1.6 1.6M18.1 18.1l1.6 1.6M2.6 12h2.2M19.2 12h2.2M4.3 19.7l1.6-1.6M18.1 5.9l1.6-1.6'/%3E%3C/svg%3E")}.tsps__nav-text{display:none;font-size:11.5px;font-weight:600;line-height:1.2}.tsps__nav-text--short{display:block}.tsps__panels{margin-top:1.25rem}.tsps__panel{display:none;flex-direction:column;background:var(--tsps-panel-bg);border-radius:14px;overflow:hidden;color:var(--tsps-panel-fg)}.tsps__hero{position:relative;display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:6px;padding:16px 18px;border:1px solid var(--tsps-hairline);border-radius:14px;overflow:hidden;background-color:#ffffff08;min-height:124px;align-content:flex-end;isolation:isolate}.tsps__hero-image{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top}.tsps__hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,#04122933,#041229db 55%,#041229f7)}.tsps__badge{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#4f9cff24;border:1px solid rgba(126,178,255,.32);flex:0 0 auto}.tsps__badge .tsps__ico{width:22px;height:22px}.tsps__panel-title{margin:0;font-size:clamp(19px,3.2vw,23px);line-height:1.15;font-weight:700;letter-spacing:-.01em;color:inherit}.tsps__panel-desc{flex:1 0 100%;margin:0;font-size:13px;line-height:1.45;color:var(--tsps-label-fg);max-width:32rem}.tsps__solutions-label{margin:1rem 0 .5rem;font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--tsps-accent,#5aa9ff)}.tsps__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tsps__cell{min-width:0}.tsps-card{display:flex;flex-direction:column;height:100%;border-radius:12px;overflow:hidden;background:var(--tsps-card-bg);border:0;text-decoration:none;color:var(--tsps-card-fg);transition:transform .2s ease,box-shadow .2s ease}.tsps-card__img{width:100%;aspect-ratio:16 / 10;flex:0 0 auto;object-fit:cover;display:block;background:var(--tsps-card-bg,#ffffff)}.tsps-card__label{position:relative;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1 1 auto;padding:7px 24px 8px 9px;font-size:12px;font-weight:600;line-height:1.3}.tsps-card__label:after{content:"";position:absolute;top:9px;right:8px;width:13px;height:13px;opacity:.5;background-color:currentColor;-webkit-mask:var(--tsps-chev) center / contain no-repeat;mask:var(--tsps-chev) center / contain no-repeat}@media(hover:hover){.tsps-card:hover{transform:translateY(-2px);box-shadow:0 0 0 2px var(--tsps-accent,#3b82f6),0 8px 20px #00000059}}.tsps-card:focus-visible{outline:2px solid var(--tsps-accent,#5aa9ff);outline-offset:2px}.tsps__guide{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 14px;border:1px solid var(--tsps-hairline);border-radius:12px;background:#7ab2ff0f;text-decoration:none;color:inherit;font-size:13px;line-height:1.4}.tsps__guide:before{content:"";flex:0 0 auto;width:19px;height:19px;background-color:var(--tsps-accent,#5aa9ff);-webkit-mask:var(--tsps-book) center / contain no-repeat;mask:var(--tsps-book) center / contain no-repeat}.tsps__guide-text{display:none;flex:1 1 auto;color:var(--tsps-label-fg)}.tsps__guide-cta{display:flex;align-items:center;gap:8px;flex:1 1 auto;font-weight:600;white-space:nowrap}.tsps__guide-cta:after{content:"";flex:0 0 auto;width:17px;height:17px;margin-left:auto;background-color:currentColor;-webkit-mask:var(--tsps-arrow) center / contain no-repeat;mask:var(--tsps-arrow) center / contain no-repeat}.tsps__guide--static{cursor:default}@media(hover:hover){a.tsps__guide:hover{border-color:var(--tsps-accent,#5aa9ff)}}@media(min-width:750px){.tsps__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tsps__nav-item{width:96px}.tsps__nav-text{font-size:12.5px}}@media(min-width:990px){.tsps__inner{display:grid;grid-template-columns:var(--tsps-nav-width,300px) minmax(0,1fr);align-items:start;gap:clamp(18px,2.4vw,32px)}.tsps__left{padding-block:4px}.tsps__nav{flex-direction:column;gap:4px;margin-top:1rem;overflow:visible;padding-bottom:0}.tsps__nav-item{position:relative;width:auto;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;padding:9px 12px;border-radius:10px;text-align:left}.tsps__nav-item:before{content:"";position:absolute;left:12px;top:50%;width:28px;height:28px;transform:translateY(-50%);border-radius:8px;background:#ffffff0d}.tsps__nav-item:after{content:"";margin-left:auto;flex:0 0 auto;width:13px;height:13px;opacity:.4;background-color:currentColor;-webkit-mask:var(--tsps-chev) center / contain no-repeat;mask:var(--tsps-chev) center / contain no-repeat}.tsps__ico{position:relative;width:28px;height:28px;-webkit-mask-size:18px 18px;mask-size:18px 18px}.tsps__nav-text{display:block;font-size:14.5px;font-weight:500}.tsps__nav-text--short{display:none}.tsps__panels{margin-top:0}.tsps__panel{padding-bottom:14px;border:1px solid var(--tsps-hairline);background:#ffffff06}.tsps__hero{border:0;border-radius:0;min-height:108px;padding:16px 20px;background-color:transparent}.tsps__hero-image{object-position:right center}.tsps__hero:before{border-radius:0;background:linear-gradient(90deg,#061a3a 0% 30%,#061a3ad1 52%,#061a3a00 92%);background:linear-gradient(90deg,var(--tsps-bg-2,#061a3a) 0%,var(--tsps-bg-2,#061a3a) 30%,color-mix(in srgb,var(--tsps-bg-2,#061a3a) 82%,transparent) 52%,color-mix(in srgb,var(--tsps-bg-2,#061a3a) 0%,transparent) 92%)}.tsps__badge{width:38px;height:38px}.tsps__badge .tsps__ico{width:20px;height:20px;-webkit-mask-size:contain;mask-size:contain}.tsps__panel-desc{font-size:12.5px;max-width:26rem}.tsps__grid{grid-template-columns:repeat(var(--tsps-cols,3),minmax(0,1fr));gap:10px}.tsps__solutions-label,.tsps__grid,.tsps__guide{margin-inline:14px}.tsps__solutions-label{margin-top:14px;margin-bottom:8px}.tsps__guide-text{display:block}.tsps__guide-cta{flex:0 0 auto;color:var(--tsps-accent,#4f9cff)}.tsps__guide-cta:after{margin-left:0;width:14px;height:14px;-webkit-mask-image:var(--tsps-chev);mask-image:var(--tsps-chev)}}@media(max-width:989px){.tsps__nav{margin-inline:-6px;padding:6px 6px 8px;scroll-padding-inline:6px}.tsps__panel{overflow:visible}.tsps__hero{border-color:var(--tsps-accent,#3b82f6);box-shadow:0 0 0 1px var(--tsps-accent,#3b82f6),0 0 22px #3b82f64d}}.tsps__radio:nth-of-type(1):checked~.tsps__panels>.tsps__panel:nth-child(1),.tsps__radio:nth-of-type(2):checked~.tsps__panels>.tsps__panel:nth-child(2),.tsps__radio:nth-of-type(3):checked~.tsps__panels>.tsps__panel:nth-child(3),.tsps__radio:nth-of-type(4):checked~.tsps__panels>.tsps__panel:nth-child(4),.tsps__radio:nth-of-type(5):checked~.tsps__panels>.tsps__panel:nth-child(5),.tsps__radio:nth-of-type(6):checked~.tsps__panels>.tsps__panel:nth-child(6),.tsps__radio:nth-of-type(7):checked~.tsps__panels>.tsps__panel:nth-child(7),.tsps__radio:nth-of-type(8):checked~.tsps__panels>.tsps__panel:nth-child(8){display:flex}.tsps__radio:nth-of-type(1):checked~.tsps__left .tsps__nav-item:nth-child(1),.tsps__radio:nth-of-type(2):checked~.tsps__left .tsps__nav-item:nth-child(2),.tsps__radio:nth-of-type(3):checked~.tsps__left .tsps__nav-item:nth-child(3),.tsps__radio:nth-of-type(4):checked~.tsps__left .tsps__nav-item:nth-child(4),.tsps__radio:nth-of-type(5):checked~.tsps__left .tsps__nav-item:nth-child(5),.tsps__radio:nth-of-type(6):checked~.tsps__left .tsps__nav-item:nth-child(6),.tsps__radio:nth-of-type(7):checked~.tsps__left .tsps__nav-item:nth-child(7),.tsps__radio:nth-of-type(8):checked~.tsps__left .tsps__nav-item:nth-child(8){background:#2563eb29;border-color:var(--tsps-accent,#3b82f6);color:#fff;box-shadow:0 0 0 1px var(--tsps-accent,#3b82f6),0 0 22px #3b82f64d}.tsps__radio:nth-of-type(1):focus-visible~.tsps__left .tsps__nav-item:nth-child(1),.tsps__radio:nth-of-type(2):focus-visible~.tsps__left .tsps__nav-item:nth-child(2),.tsps__radio:nth-of-type(3):focus-visible~.tsps__left .tsps__nav-item:nth-child(3),.tsps__radio:nth-of-type(4):focus-visible~.tsps__left .tsps__nav-item:nth-child(4),.tsps__radio:nth-of-type(5):focus-visible~.tsps__left .tsps__nav-item:nth-child(5),.tsps__radio:nth-of-type(6):focus-visible~.tsps__left .tsps__nav-item:nth-child(6),.tsps__radio:nth-of-type(7):focus-visible~.tsps__left .tsps__nav-item:nth-child(7),.tsps__radio:nth-of-type(8):focus-visible~.tsps__left .tsps__nav-item:nth-child(8){outline:2px solid #7cc0ff;outline-offset:2px}@media(prefers-reduced-motion:reduce){.tsps__nav-item,.tsps-card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/216/assets/topshelf-reef-problem-solver.css.map */