.oddit-section-hair-length{--oddit-hair-length-gutter: 16px;background-color:#fff;padding:35px 16px;-webkit-tap-highlight-color:transparent;overflow-x:hidden}.oddit-section-hair-length__inner{display:flex;flex-direction:column;align-items:stretch;gap:35px;width:100%;max-width:1020px;margin:0 auto}.oddit-section-hair-length__heading{font-family:Futura PT,sans-serif;font-size:28px;font-weight:600;line-height:1;letter-spacing:.01em;color:#000;text-transform:capitalize;text-align:center;margin:0;width:100%;text-box:trim-both cap alphabetic}.oddit-section-hair-length__cards-wrapper{width:100vw;margin-inline:calc(50% - 50vw);padding-inline:var(--oddit-hair-length-gutter);padding-block:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;scroll-padding-inline:var(--oddit-hair-length-gutter)}.oddit-section-hair-length__cards:after{content:"";flex:0 0 var(--oddit-hair-length-gutter)}.oddit-section-hair-length__cards-wrapper::-webkit-scrollbar{display:none}.oddit-section-hair-length__cards{display:flex;align-items:flex-start;gap:8px;width:max-content}.oddit-section-hair-length__card{display:flex;flex-direction:column;align-items:flex-start;gap:24px;flex:0 0 250px;scroll-snap-align:start}.oddit-section-hair-length__card-image-wrap{position:relative;overflow:hidden;width:250px;height:297px;flex-shrink:0}.oddit-section-hair-length__card-image{display:block;width:100%;height:100%;object-fit:cover}.oddit-section-hair-length__card-content{display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:100%}.oddit-section-hair-length__card-title{font-family:Futura PT,sans-serif;font-size:22px;font-weight:600;line-height:1;letter-spacing:.01em;color:#000;text-transform:capitalize;margin:0;white-space:nowrap;text-box:trim-both cap alphabetic}.oddit-section-hair-length__card-description{font-family:Futura PT,sans-serif;font-size:18px;font-weight:400;line-height:1.6;letter-spacing:.01em;color:#040404;margin:0;width:100%;text-box:trim-both cap alphabetic}.oddit-section-hair-length__pagination{display:flex;align-items:center;justify-content:center;gap:48px;width:100%}.oddit-section-hair-length__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;cursor:pointer;color:#000;transition:opacity .2s ease}.oddit-section-hair-length__nav-btn:hover{opacity:.6}.oddit-section-hair-length__nav-btn:focus-visible{outline:2px solid #000000;outline-offset:2px}.oddit-section-hair-length__nav-btn:disabled{opacity:.3;cursor:not-allowed}.oddit-section-hair-length__nav-icon{display:block;flex-shrink:0}.oddit-section-hair-length__nav-btn--prev .oddit-section-hair-length__nav-icon{transform:scaleX(-1)}.oddit-section-hair-length__dots{display:inline-flex;align-items:center;gap:8px}.oddit-section-hair-length .oddit-section-hair-length__dot{display:inline-flex;align-items:center;justify-content:center;width:7px;height:7px;padding:0;background-color:#0003;border:none;border-radius:50%;cursor:pointer;transform:scale(.857);transform-origin:center;transition:background-color .2s ease,transform .2s ease}.oddit-section-hair-length .oddit-section-hair-length__dot--active{background-color:#000;transform:scale(1)}.oddit-section-hair-length__dot:focus-visible{outline:2px solid #000000;outline-offset:2px}.oddit-section-hair-length__dot>span{display:inline-block;width:0;height:0;font-size:0;line-height:0}.oddit-section-hair-length__notes{border:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:flex-start;gap:35px;padding:28px 20px;width:100%}.oddit-section-hair-length__notes-heading{font-family:Futura PT,sans-serif;font-size:20px;font-weight:600;line-height:1;letter-spacing:.01em;color:#000;text-transform:capitalize;margin:0;white-space:nowrap;text-box:trim-both cap alphabetic}.oddit-section-hair-length__notes-items{display:flex;flex-direction:column;align-items:flex-start;gap:40px;width:100%}.oddit-section-hair-length__note{display:flex;align-items:flex-start;gap:16px;width:100%}.oddit-section-hair-length__note-icon-wrap{position:relative;flex-shrink:0;width:42px;height:34px}.oddit-section-hair-length__note-icon{display:block;width:100%;height:100%;object-fit:contain}.oddit-section-hair-length__note-text{flex:1 1 0;min-width:0;font-family:Futura PT,sans-serif;font-size:18px;font-weight:400;line-height:1.6;letter-spacing:.01em;color:#000;margin:0;text-box:trim-both cap alphabetic}@media(min-width:750px){.oddit-section-hair-length{padding:60px 50px}.oddit-section-hair-length__inner{gap:50px}.oddit-section-hair-length__heading{font-size:36px}.oddit-section-hair-length__cards{gap:20px;width:100%}.oddit-section-hair-length__card{flex:1 1 0;min-width:0}.oddit-section-hair-length__card-image-wrap{width:100%;height:auto;aspect-ratio:320 / 380}.oddit-section-hair-length__card-title{font-size:24px}.oddit-section-hair-length__pagination{display:none}.oddit-section-hair-length__cards-wrapper{width:100%;overflow:visible;margin-inline:0;padding-inline:0;padding-block:0;scroll-snap-type:none;scroll-padding-left:0}.oddit-section-hair-length__notes{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:40px;padding:30px}.oddit-section-hair-length__notes-heading{font-size:22px}.oddit-section-hair-length__notes-items{flex-direction:row;flex:1 1 auto;gap:30px;width:auto}.oddit-section-hair-length__note{flex-direction:column;flex:1 1 0;min-width:0;gap:16px;align-items:flex-start}.oddit-section-hair-length__note-text{flex:0 1 auto}}@media(min-width:990px){.oddit-section-hair-length{padding:80px clamp(60px,14.5vw,210px)}.oddit-section-hair-length__inner{align-items:center;gap:60px;max-width:1020px}.oddit-section-hair-length__heading{font-size:40px;letter-spacing:.01em}.oddit-section-hair-length__cards-wrapper{width:100%}.oddit-section-hair-length__cards{gap:30px;align-items:center;justify-content:center;width:100%}.oddit-section-hair-length__card{flex:1 1 0;max-width:320px;gap:26px}.oddit-section-hair-length__card-image-wrap{width:100%;height:auto;aspect-ratio:320 / 380}.oddit-section-hair-length__card-content{gap:24px}.oddit-section-hair-length__card-title{font-size:28px}.oddit-section-hair-length__notes{width:100%;max-width:971px;padding:40px 30px;gap:50px}.oddit-section-hair-length__notes-heading{font-size:24px}.oddit-section-hair-length__notes-items{gap:50px}}
/*# sourceMappingURL=/cdn/shop/t/307/assets/oddit-section-hair-length.css.map */