.diamond-guide{position:fixed;inset:0 0 0 auto;margin:0;width:clamp(400px,36vw,560px);max-width:100vw;height:100%;height:100dvh;max-height:none;box-sizing:border-box;border:0;padding:28px 32px max(24px,env(safe-area-inset-bottom));background:var(--color-bg);color:#212121;font-family:var(--font-body);overflow:hidden}.diamond-guide[open]{display:flex;flex-direction:column;animation:diamond-guide-enter .4s cubic-bezier(.22,1,.36,1)}.diamond-guide::backdrop{background:#11111140;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.diamond-guide__head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid #dcded8}.diamond-guide__title{margin:0;font:400 25px/1.2 var(--font-heading)}.diamond-guide__close{display:grid;place-items:center;flex:0 0 44px;height:44px;margin:-8px -12px -8px 0;padding:0;color:inherit;cursor:pointer}.diamond-guide__content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-top:28px;font:400 15px/1.7 var(--font-body)}.diamond-guide__content>:first-child{margin-top:0}.diamond-guide__content h3{margin:28px 0 12px;font:400 20px/1.2 var(--font-heading)}.diamond-guide__content p{margin:0 0 16px}.diamond-guide :focus-visible{outline:2px solid currentColor;outline-offset:-2px}@keyframes diamond-guide-enter{0%{transform:translate(100%)}to{transform:translate(0)}}@media(max-width:767px){.diamond-guide{width:min(100vw,480px)}}@media(max-width:478px){.diamond-guide{padding:22px 20px max(18px,env(safe-area-inset-bottom))}.diamond-guide__title{font-size:23px}}@media(prefers-reduced-motion:reduce){.diamond-guide[open]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/diamond-guide.css.map */