.interactive-table-section .title-wrapper .title{font-size:2.4rem;letter-spacing:0;line-height:1;margin-bottom:2rem}@media screen and (min-width:990px){.interactive-table-section .title-wrapper .title{margin-bottom:4.1rem}}.interactive-table-section .comparison-table-card{border-radius:2.5rem;padding:1.9rem 1.5rem;max-width:803px;margin:0 auto}@media screen and (min-width:750px){.interactive-table-section .comparison-table-card{padding:5rem 4rem 4rem}}@media screen and (min-width:990px){.interactive-table-section .comparison-table-card{border-radius:2rem}}.interactive-table-section .comparison-table-scroll{max-width:768px;margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch}.interactive-table-section table{table-layout:fixed;width:100%;min-width:368px;margin:0 auto;font-size:1.2rem;letter-spacing:0;line-height:1;border-collapse:collapse;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.interactive-table-section thead th:first-of-type,.interactive-table-section tbody td:first-of-type{width:40.5714%;position:sticky;left:0;z-index:2;background:rgb(var(--color-background))}@media screen and (min-width:750px){.interactive-table-section table{width:100%}}.interactive-table-section thead th{height:1px;border:0;text-align:left;padding-bottom:1.5rem}.interactive-table-section thead th:first-of-type{font-size:1.5rem}.interactive-table-section thead th:not(:first-of-type){padding-right:3.5px;padding-left:3.5px}.interactive-table-section thead .custom-select__trigger{padding:0}.interactive-table-section thead .custom-select,.interactive-table-section thead .custom-select__trigger,.interactive-table-section thead .plain-text-select{height:100%}.interactive-table-section thead .plain-text-select{display:flex;align-items:center;justify-content:center}.interactive-table-section thead .plain-text-select,.interactive-table-section thead .custom-select__trigger{padding:.5rem;text-align:center;font-size:1.2rem;letter-spacing:0;line-height:1;font-weight:600;border:1px solid}.interactive-table-section thead .custom-select__trigger .custom-select__label{display:block;width:100%;text-align:center;font-size:1.2rem;letter-spacing:0;line-height:1;font-weight:600}@media screen and (min-width:990px){.interactive-table-section thead .plain-text-select{justify-content:flex-start}.interactive-table-section thead .plain-text-select,.interactive-table-section thead .custom-select__trigger{padding:1rem 1.5rem}.interactive-table-section table,.interactive-table-section thead .plain-text-select,.interactive-table-section thead .custom-select__trigger .custom-select__label{font-size:1.5rem;text-align:left}}.interactive-table-section thead .custom-select__trigger:hover:after,.interactive-table-section thead .custom-select__trigger.clicked:after{content:none}.interactive-table-section tbody td{position:relative;border:0;padding:.75em}.interactive-table-section tbody td:not(:last-of-type){border-right:.1rem solid rgba(var(--color-foreground),1)}.interactive-table-section tbody tr.no-border td{border-right:0;padding:1rem 0 0}.interactive-table-section tbody td:after{content:"";position:absolute;left:5px;right:5px;bottom:0;height:.1rem;background:rgba(var(--color-foreground),.28)}.interactive-table-section tbody tr:has(+.no-border) td:after{content:none}.interactive-table-section tbody tr:last-of-type td:after,.interactive-table-section tbody tr.no-border td:after{content:none}.interactive-table-section tbody tr td:not(:first-of-type){text-align:center}.interactive-table-section tbody tr td .icon{height:1.5em;vertical-align:middle}.interactive-table-section table tr.no-border td a.button{min-width:unset;min-height:unset;padding:.6rem .8rem;font-size:1.1rem;letter-spacing:0;line-height:1.4;max-width:100%;margin-bottom:2px}.interactive-table-section table tr.no-border td a.button:after{--color-button: var(--color-button-text)}@media screen and (min-width:990px){.interactive-table-section table tr.no-border td a.button{padding:1.2rem 1.8rem;text-transform:uppercase;font-weight:700}}.interactive-table-section .custom-select{position:relative;display:inline-block;width:100%}.interactive-table-section .custom-select__trigger{display:flex;justify-content:space-between;align-items:center;font-family:inherit;width:100%;border-radius:0;cursor:pointer;white-space:normal;padding:1em;box-sizing:border-box;text-align:left;position:relative;border:0;color:inherit;background:inherit;font-size:1rem}.interactive-table-section .plain-text-select{font-family:inherit;width:100%;white-space:normal;padding:1em;box-sizing:border-box;text-align:left;position:relative;color:inherit;background:inherit;font-size:1rem}.interactive-table-section .custom-select__trigger:hover:after,.interactive-table-section .custom-select__trigger.clicked:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:calc(100% - 2em);border:.1rem solid rgba(var(--color-foreground),.2);pointer-events:none;box-sizing:border-box;padding:0 1em}.interactive-table-section .custom-select__icon{transition:transform .3s ease;transform-origin:center}.interactive-table-section .custom-select__trigger.clicked .custom-select__icon{transform:rotate(180deg)}.interactive-table-section .custom-select__options{position:absolute;z-index:2;top:100%;left:0;right:0;margin-top:4px;background:var(--gradient-background);border:.2rem solid rgba(var(--color-foreground),.2);border-radius:0;list-style:none;padding:0;max-height:200px;overflow-y:auto;color:rgb(var(--color-foreground))}.interactive-table-section .custom-select__options li{padding:.75rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-align:left;line-height:1em}.interactive-table-section .custom-select__options li:hover,.interactive-table-section .custom-select__options li.selected{background-color:#f7f7f7}custom-select.is-locked .custom-select__trigger{opacity:.6;cursor:not-allowed}.interactive-table-section thead th:nth-of-type(2) *{background:var(--column-1-background);color:var(--column-1-text)}.interactive-table-section thead th:nth-of-type(3) *{background:var(--column-2-background);color:var(--column-2-text)}.interactive-table-section .check-mark-badge{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:50%;border:1px solid}.interactive-table-section .check-mark-badge .icon{height:.8rem;width:auto}@media screen and (min-width:990px){.interactive-table-section .check-mark-badge{width:2rem;height:2rem}.interactive-table-section .check-mark-badge .icon{height:1rem;width:auto}}.interactive-table-section tbody td:nth-of-type(2) .check-mark-badge{background:var(--column-1-background);color:var(--column-1-text)}.interactive-table-section tbody td:nth-of-type(3) .check-mark-badge{background:var(--column-2-background);color:var(--column-2-text)}
/*# sourceMappingURL=/cdn/shop/t/243/assets/section-hair-extension-comparison-table.css.map */