.oddit-section-color-detail *,.oddit-section-color-detail *:before,.oddit-section-color-detail *:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}.oddit-section-color-detail{background-color:var(--oddit-section-color-detail-background-color, #ffffff);width:100%}.oddit-section-color-detail__container{display:flex;flex-direction:column;align-items:stretch;gap:28px;width:100%;max-width:1440px;margin:0 auto;padding:var(--oddit-section-color-detail-padding-top-mobile, 36px) 16px var(--oddit-section-color-detail-padding-bottom-mobile, 36px)}.oddit-section-color-detail__media{display:flex;flex-direction:column;gap:20px;width:100%}.oddit-section-color-detail__image-wrap{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background-color:#f6f1ed}.oddit-section-color-detail__image{display:block;width:100%;height:100%;object-fit:cover}.oddit-section-color-detail__video{position:relative;width:100%;aspect-ratio:1280 / 720;overflow:hidden;background-color:#000}.oddit-section-color-detail__player{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;overflow:hidden;font:inherit;color:inherit;text-decoration:none}.oddit-section-color-detail__player--static{cursor:default}.oddit-section-color-detail__poster{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.oddit-section-color-detail__video-el{display:block;width:100%;height:100%;object-fit:cover;background-color:#000}.oddit-section-color-detail__video-el--embed{border:0;object-fit:unset}.oddit-section-color-detail__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000014;pointer-events:none;transition:background-color .3s ease}.oddit-section-color-detail__play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:19px;height:24px;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:transform .3s ease}.oddit-section-color-detail__play-icon svg{display:block;width:100%;height:100%}.oddit-section-color-detail__player:hover .oddit-section-color-detail__overlay{background-color:#0000002e}.oddit-section-color-detail__player:hover .oddit-section-color-detail__play-icon{transform:translate(-50%,-50%) scale(1.12)}.oddit-section-color-detail__player:focus-visible{outline:2px solid #5f37f4;outline-offset:2px}.oddit-section-color-detail__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;width:100%}.oddit-section-color-detail__heading{font-family:Futura PT,sans-serif;font-size:28px;font-weight:600;line-height:1.1;letter-spacing:.01em;color:#000;text-transform:capitalize;text-wrap:balance;text-box:trim-both cap alphabetic}.oddit-section-color-detail__description{font-family:Futura PT,sans-serif;font-size:16px;font-weight:400;line-height:1.6;letter-spacing:.01em;color:#040404}.oddit-section-color-detail__description p{margin:0 0 .75em}.oddit-section-color-detail__description p:last-child{margin-bottom:0}.oddit-section-color-detail__description a{color:inherit;text-decoration:underline;text-underline-offset:2px;transition:opacity .2s ease}.oddit-section-color-detail__description a:hover,.oddit-section-color-detail__description a:focus-visible{opacity:.7}.oddit-section-color-detail__cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:4px;padding:16px 28px;min-height:52px;font-family:Futura PT,sans-serif;font-size:16px;font-weight:500;line-height:1;letter-spacing:.02em;text-decoration:none;text-transform:capitalize;white-space:nowrap;border:1px solid #000000;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.oddit-section-color-detail__cta--primary{background-color:#000;color:#fff}.oddit-section-color-detail__cta--primary:hover,.oddit-section-color-detail__cta--primary:focus-visible{background-color:#2d2d2d;border-color:#2d2d2d;outline:none}.oddit-section-color-detail__cta--secondary{background-color:transparent;color:#000}.oddit-section-color-detail__cta--secondary:hover,.oddit-section-color-detail__cta--secondary:focus-visible{background-color:#000;color:#fff;outline:none}.oddit-section-color-detail__cta:focus-visible{outline:2px solid #000000;outline-offset:3px}.oddit-section-color-detail__cta-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.oddit-section-color-detail__cta-icon svg{display:block;width:100%;height:100%}@media(min-width:750px){.oddit-section-color-detail__container{gap:32px;padding:var(--oddit-section-color-detail-padding-top-desktop, 60px) clamp(16px,3vw,40px) var(--oddit-section-color-detail-padding-bottom-desktop, 60px)}.oddit-section-color-detail__media{gap:24px}.oddit-section-color-detail__heading{font-size:clamp(32px,3.6vw,40px)}.oddit-section-color-detail__description{font-size:18px}.oddit-section-color-detail__play-icon{width:28px;height:36px}}@media(min-width:990px){.oddit-section-color-detail__container{flex-direction:row;align-items:stretch;gap:clamp(24px,2.5vw,40px);padding:var(--oddit-section-color-detail-padding-top-desktop, 60px) clamp(24px,3.5vw,56px) var(--oddit-section-color-detail-padding-bottom-desktop, 60px)}.oddit-section-color-detail--media-right .oddit-section-color-detail__container{flex-direction:row-reverse}.oddit-section-color-detail__media{flex:1 1 58%;min-width:0;flex-direction:row;gap:0}.oddit-section-color-detail__image-wrap,.oddit-section-color-detail__video{flex:1 1 50%;min-width:0}.oddit-section-color-detail__content{flex:1 1 42%;min-width:0;gap:24px}.oddit-section-color-detail__heading{font-size:40px;letter-spacing:.4px}.oddit-section-color-detail__description{font-size:20px;letter-spacing:.2px}.oddit-section-color-detail__play-icon{width:32px;height:40px}}.oddit-section-color-detail--image-only .oddit-section-color-detail__image-wrap{aspect-ratio:auto;height:auto;max-width:420px;margin-inline:auto;background-color:transparent}.oddit-section-color-detail--image-only .oddit-section-color-detail__image{height:auto}@media(min-width:990px){.oddit-section-color-detail--image-only .oddit-section-color-detail__media{flex:0 1 42%}.oddit-section-color-detail--image-only .oddit-section-color-detail__image-wrap{max-width:480px}}
/*# sourceMappingURL=/cdn/shop/t/307/assets/oddit-section-color-detail.css.map */