.shade-guide__button{display:inline-flex;align-items:center;gap:5px;background:none;border:none;padding:0;margin:16px 0 0;cursor:pointer;font-family:var(--FONT-STACK-BODY, inherit);font-size:14px;line-height:1.4;color:#a93226;text-decoration:none;position:relative;width:100%;justify-content:center}.shade-guide-dialog{position:fixed;border:0;padding:0;margin:0;background:transparent;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;top:0;left:0;z-index:10000;overflow:hidden}.shade-guide-dialog::backdrop{background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.shade-guide-dialog__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.shade-guide-dialog__container{position:relative;background:var(--bg, #fff);border-radius:12px;width:100%;max-width:750px;max-height:calc(100dvh - 32px);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;animation:shadeGuideSlideIn .3s cubic-bezier(0,0,.2,1)}@keyframes shadeGuideSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.shade-guide-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--hairline, #e8e8e8);flex-shrink:0}.shade-guide-dialog__title{font-family:var(--FONT-STACK-ACCENT, inherit);font-size:18px;font-weight:600;margin:0;color:#a93226}.shade-guide-dialog__close{width:32px;height:32px;border-radius:50%;background:var(--hairline, #f0f0f0);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease;position:relative}.shade-guide-dialog__close:hover{background:var(--border, #ddd)}.shade-guide-dialog__close:before,.shade-guide-dialog__close:after{content:"";position:absolute;width:14px;height:1.5px;background:var(--text, #333)}.shade-guide-dialog__close:before{transform:rotate(45deg)}.shade-guide-dialog__close:after{transform:rotate(-45deg)}.shade-guide-dialog__content{overflow-y:auto;flex:1;overscroll-behavior:contain}.shade-guide-dialog__video{width:100%;display:block;aspect-ratio:16 / 9;background:#000;object-fit:contain}.shade-guide-dialog__page{padding:24px 28px}.shade-guide-dialog__page img{max-width:100%;height:auto;display:block;border-radius:6px}.shade-guide-dialog__page h1,.shade-guide-dialog__page h2,.shade-guide-dialog__page h3,.shade-guide-dialog__page h4,.shade-guide-dialog__page h5,.shade-guide-dialog__page h6{margin-top:15px;margin-bottom:15px}.shade-guide-dialog__page.rte p{font-size:16px;margin-top:15px;margin-bottom:15px}.shade-guide-dialog__page.rte ul,.shade-guide-dialog__page.rte ol{font-size:16px}.shade-guide-dialog__page.rte .rte__video-wrapper{border-radius:6px;overflow:hidden}@media only screen and (max-width:479px){.shade-guide-dialog__overlay{align-items:center;padding:0}.shade-guide-dialog__container{border-radius:12px;max-width:100%;max-height:90dvh}.shade-guide-dialog__page{padding:16px}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/shade-selection-guide.css.map */