dialog{position:fixed;top:0;right:0;left:auto;height:100dvh;max-height:100dvh;width:100%;max-width:100%;padding:0;border:none;margin:0;background:transparent;overflow:hidden;transition:all .35s ease-in-out}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff80}dialog[open] .style-guide-drawer{transform:translate(0);margin-left:auto}dialog .style-guide-drawer{height:100dvh;width:100%;background-color:#fff;transform:translate(100%);transition:transform .35s ease-in-out;display:flex;flex-direction:column;padding:2.5rem 2rem 0}dialog .style-guide-drawer .style-guide-drawer__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3.5rem}dialog .style-guide-drawer .style-guide-drawer__header .title{margin:0;text-transform:uppercase;font-size:2.6rem;font-weight:450}dialog .style-guide-drawer .style-guide-drawer__header .style-guide-drawer__close{border:0;background-color:transparent}dialog .style-guide-drawer .style-guide-drawer__header .style-guide-drawer__close svg{width:1.4rem;height:1.4rem;fill:currentColor}dialog .style-guide-drawer .style-guide-drawer__content{overflow-y:auto;display:flex;flex-direction:column;padding-bottom:2.5rem}dialog .style-guide-drawer .style-guide-drawer__content .model-title{font-size:2.6rem;font-weight:450;margin:0;padding-bottom:1rem}dialog .style-guide-drawer .style-guide-drawer__content .model-text{font-weight:400;font-size:1.6rem;line-height:1.8rem;margin-bottom:3rem}dialog .style-guide-drawer .style-guide-drawer__content .model-text p{margin-bottom:0}dialog .style-guide-drawer .style-guide-drawer__content .drawer-model-video{margin-bottom:2rem}dialog .style-guide-drawer .style-guide-drawer__content .drawer-model-video video{width:100%;height:auto;display:block;aspect-ratio:1 / 1;object-fit:cover}dialog .style-guide-drawer .style-guide-drawer__content .model-image-container{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}dialog .style-guide-drawer .style-guide-drawer__content .model-image-container .model_image img{width:100%;height:auto;display:block;aspect-ratio:1 / 1;object-fit:cover}dialog .style-guide-drawer .style-guide-drawer__content .model-page-link{text-decoration:underline;font-size:1.6rem;font-weight:700}@media (min-width: 768px){dialog{max-width:50%}dialog .style-guide-drawer{padding:6rem 5rem 0}dialog .style-guide-drawer .style-guide-drawer__content{padding-bottom:6rem}dialog .style-guide-drawer .style-guide-drawer__content .model-image-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:2.5rem;margin-bottom:3rem}dialog .style-guide-drawer .style-guide-drawer__content .model-image-container .model_image{flex:1 0 calc(50% - 2.5rem);margin-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/sundek-pdp-style-guide.css.map */