.oddit-section-shop-by-shade *,.oddit-section-shop-by-shade *:before,.oddit-section-shop-by-shade *:after{box-sizing:border-box}.oddit-section-shop-by-shade{width:100%;background-color:#fff;font-family:Instrument Sans,sans-serif;color:#000;-webkit-tap-highlight-color:transparent;padding:32px 16px}.oddit-section-shop-by-shade__header{max-width:820px;margin:0 auto 24px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:#000}.oddit-section-shop-by-shade__eyebrow{margin:0;font-family:Instrument Sans,sans-serif;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:1.44px;text-transform:uppercase}.oddit-section-shop-by-shade__heading{margin:0;font-family:PP Hatton Ultralight,serif;font-weight:200;font-size:30px;line-height:1.15;letter-spacing:-.9px}.oddit-section-shop-by-shade__description{margin:0;font-family:Instrument Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.4}.oddit-section-shop-by-shade__container{display:flex;flex-direction:column-reverse;max-width:1440px;margin:0 auto;gap:0}.oddit-section-shop-by-shade__product-panel{position:relative;background-color:#f1f0ed;border-radius:0 0 10px 10px;height:388px;overflow:hidden;width:100%}.oddit-section-shop-by-shade__product-slides{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.oddit-section-shop-by-shade__product-slides--dragging{cursor:grabbing}.oddit-section-shop-by-shade__product-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s linear .5s}.oddit-section-shop-by-shade__product-slide--active{opacity:1;visibility:visible;transition:opacity .5s ease,visibility 0s linear 0s}.oddit-section-shop-by-shade__product-image-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.oddit-section-shop-by-shade__product-image{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.oddit-section-shop-by-shade__product-info{position:absolute;top:32px;left:50%;transform:translate(-50%);z-index:2}.oddit-section-shop-by-shade__product-details{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility 0s linear .4s}.oddit-section-shop-by-shade__product-details--active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .4s ease,visibility 0s linear 0s}.oddit-section-shop-by-shade__product-name{font-family:Instrument Sans,sans-serif;font-size:22px;font-weight:400;line-height:1.4;color:#000;text-decoration:underline;white-space:nowrap;transition:opacity .2s ease}.oddit-section-shop-by-shade__product-name:hover{opacity:.7}.oddit-section-shop-by-shade__product-price{font-family:Instrument Sans,sans-serif;font-size:18px;font-weight:400;line-height:1.4;color:#000;margin:0}.oddit-section-shop-by-shade__swatches{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;align-items:flex-start;gap:20px;z-index:2}.oddit-section-shop-by-shade__swatch{position:relative;width:32px;height:32px;padding:0;border:0;background:transparent;cursor:pointer;border-radius:50%;-webkit-tap-highlight-color:transparent}.oddit-section-shop-by-shade__swatch-dot{display:block;width:100%;height:100%;border-radius:50%;transition:box-shadow .2s ease;box-shadow:inset 0 0 0 1px #0000000f}.oddit-section-shop-by-shade__swatch--active .oddit-section-shop-by-shade__swatch-dot{box-shadow:0 0 0 1.5px #fff,0 0 0 3px #000}.oddit-section-shop-by-shade__swatch:focus-visible{outline:none}.oddit-section-shop-by-shade__swatch:focus-visible .oddit-section-shop-by-shade__swatch-dot{box-shadow:0 0 0 1.5px #fff,0 0 0 3px #000}.oddit-section-shop-by-shade__swatch-label{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);font-family:Instrument Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.4;color:#000;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}.oddit-section-shop-by-shade__swatch--active .oddit-section-shop-by-shade__swatch-label{opacity:1}.oddit-section-shop-by-shade__lifestyle-panel{position:relative;background-color:#f1f0ed;border-radius:10px 10px 0 0;aspect-ratio:1 / 1;overflow:hidden;width:100%}.oddit-section-shop-by-shade__lifestyle-slides{position:absolute;top:0;right:0;bottom:0;left:0}.oddit-section-shop-by-shade__lifestyle-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s linear .5s}.oddit-section-shop-by-shade__lifestyle-slide--active{opacity:1;visibility:visible;transition:opacity .5s ease,visibility 0s linear 0s}.oddit-section-shop-by-shade__lifestyle-image{width:100%;height:100%;object-fit:cover;display:block}@media(min-width:750px){.oddit-section-shop-by-shade{padding:48px 32px}.oddit-section-shop-by-shade__header{margin-bottom:32px}.oddit-section-shop-by-shade__heading{font-size:36px}.oddit-section-shop-by-shade__product-panel{height:500px}}@media(min-width:990px){.oddit-section-shop-by-shade{padding:64px 48px}.oddit-section-shop-by-shade__header{margin-bottom:48px;gap:24px}.oddit-section-shop-by-shade__eyebrow{font-size:14px;letter-spacing:1.68px}.oddit-section-shop-by-shade__heading{font-size:40px;letter-spacing:-1.2px}.oddit-section-shop-by-shade__description{font-size:16px;max-width:662px}.oddit-section-shop-by-shade__container{flex-direction:row;align-items:stretch;gap:16px}.oddit-section-shop-by-shade__product-panel{flex:1 1 50%;min-width:0;height:600px;border-radius:10px}.oddit-section-shop-by-shade__product-info{top:40px}.oddit-section-shop-by-shade__product-details{gap:8px}.oddit-section-shop-by-shade__product-name{font-size:24px}.oddit-section-shop-by-shade__product-price{font-size:20px}.oddit-section-shop-by-shade__swatches{bottom:50px}.oddit-section-shop-by-shade__swatch{width:48px;height:48px}.oddit-section-shop-by-shade__swatch-label{font-size:16px;top:calc(100% + 8px)}.oddit-section-shop-by-shade__lifestyle-panel{flex:1 1 50%;min-width:0;height:600px;aspect-ratio:auto;border-radius:10px}}@media(min-width:1440px){.oddit-section-shop-by-shade__container{max-width:1440px}}
/*# sourceMappingURL=/cdn/shop/t/177/assets/oddit-section-shop-by-shade.css.map */