.drug-test-inner .hero{margin-top:calc(16/var(--size-unit)*1em)}.drug-test-inner .hero__content{width:100%;height:auto;margin-top:calc(36/var(--size-unit)*1em)}.drug-test-inner .hero__description{margin-top:calc(16/var(--size-unit)*1em);text-align:center;padding:0 calc(32/var(--size-unit)*1em)}.drug-test-inner .hero .list{gap:calc(8/var(--size-unit)*1em);width:max-content;padding-inline:calc(8/var(--size-unit)*1em);display:flex}@media screen and (min-width:768px){.drug-test-inner .hero .list{width:100%;padding-inline:0}}.drug-test-inner .hero .list-wrapper{width:100%;margin-top:calc(32/var(--size-unit)*1em);scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.drug-test-inner .hero .list-wrapper::-webkit-scrollbar{display:none}@media screen and (min-width:768px){.drug-test-inner .hero .list-wrapper{max-width:calc(540/var(--size-unit)*1em);margin-inline:auto}}.drug-test-inner .hero .list__item{width:calc(118/var(--size-unit)*1em);height:calc(135/var(--size-unit)*1em);padding:calc(12/var(--size-unit)*1em);text-align:left;color:#fff;background:var(--glass-bg);-webkit-backdrop-filter:blur(calc(20 / var(--size-unit) * 1em));backdrop-filter:blur(calc(20 / var(--size-unit) * 1em));border-radius:calc(12/var(--size-unit)*1em);flex-direction:column;justify-content:space-between;display:flex}.drug-test-inner .hero .list__item:is(button){color:#fff;background:var(--glass-bg);-webkit-backdrop-filter:blur(calc(20 / var(--size-unit) * 1em));backdrop-filter:blur(calc(20 / var(--size-unit) * 1em));border-radius:calc(12/var(--size-unit)*1em);transition:background-color .5s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.drug-test-inner .hero .list__item:is(button):hover{background:var(--glass-bg-hover)}}.drug-test-inner .hero .list__item:is(button):active{background:var(--glass-bg-active)}@media screen and (min-width:768px){.drug-test-inner .hero .list__item{flex:1 0 calc(118/var(--size-unit)*1em)}}.drug-test-inner .hero .list__item-icon{width:calc(20/var(--size-unit)*1em);height:calc(20/var(--size-unit)*1em)}.drug-test-inner .hero .list__item-title{text-wrap:pretty}
.color-table{padding-bottom:calc(36/var(--size-unit)*1em);position:relative}.color-table:after{content:"";width:calc(1/var(--size-unit)*1em);background-color:var(--w-30-full);z-index:var(--connect-line-z,auto);pointer-events:none;height:calc(36/var(--size-unit)*1em);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.color-table{margin-top:calc(8/var(--size-unit)*1em)}