.card__measure{position:absolute;top:0;left:0;right:0;aspect-ratio:var(--ratio, .75);z-index:var(--z-raised, 10);pointer-events:none;container:dpm-measure / inline-size;--dpm-measure-size: 2.8rem;--dpm-measure-inset: .8rem;--dpm-measure-edge: .6rem;--dpm-measure-shift: 0px}.card__measure.is-open{z-index:calc(var(--z-raised, 10) + 2)}.grid__item:has(.card__measure.is-open),.card-wrapper:has(.card__measure.is-open){position:relative;z-index:4}.card__measure-btn{position:absolute;right:var(--dpm-measure-inset);bottom:var(--dpm-measure-inset);display:flex;align-items:center;justify-content:center;width:var(--dpm-measure-size);height:var(--dpm-measure-size);padding:0;border:none;border-radius:50%;background:#fff;color:#121212;box-shadow:0 1px 3px #1212121f;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .15s ease,color .15s ease}.card__measure-btn:before{content:"";position:absolute;top:-.8rem;right:-.8rem;bottom:-.8rem;left:-.8rem}.card__measure-btn:focus{outline:none}.card__measure-btn:focus-visible{outline:2px solid rgba(18,18,18,.45);outline-offset:2px}.card__measure.is-open .card__measure-btn{background:#121212;color:#fff}@media(hover:hover)and (pointer:fine){.card__measure-btn:hover{background:#121212;color:#fff}}.card__measure-icon{display:block;width:1.4rem;height:1.4rem}.card__measure-pop{position:absolute;right:var(--dpm-measure-inset);bottom:calc(var(--dpm-measure-inset) + var(--dpm-measure-size) + 1rem);max-width:calc(100% - var(--dpm-measure-inset) - var(--dpm-measure-edge));box-sizing:border-box;transform:translate(var(--dpm-measure-shift));display:flex;align-items:center;gap:1.2rem;padding:1.2rem 1.6rem 1.2rem 1.2rem;border-radius:1.2rem;background:#fff;color:#121212;box-shadow:0 6px 20px #1212121a,0 1px 3px #1212120f;pointer-events:auto;cursor:default;white-space:nowrap}.card__measure-pop[hidden]{display:none}.card__measure[data-side=left] .card__measure-pop{right:auto;left:var(--dpm-measure-inset)}.card__measure-caret{position:absolute;bottom:-.5rem;right:calc(var(--dpm-measure-size) / 2 - .5rem - var(--dpm-measure-shift));width:1rem;height:1rem;background:#fff;border-radius:0 0 .2rem;transform:rotate(45deg);box-shadow:2px 2px 3px #1212120d}.card__measure[data-side=left] .card__measure-caret{right:auto;left:calc(var(--dpm-measure-size) / 2 - .5rem + var(--dpm-measure-shift))}.card__measure-diagram{display:block;flex:0 0 auto;width:auto;height:6.4rem}.card__measure-body{min-width:0}.card__measure-title{margin:0 0 .7rem;padding-bottom:.7rem;border-bottom:1px solid #ebebeb;font-size:1.25rem;font-weight:600;letter-spacing:-.005em;line-height:1.1;text-transform:none;color:#121212}.card__measure-list{display:grid;grid-template-columns:max-content max-content;column-gap:.8rem;row-gap:.6rem;align-items:center;margin:0;font-size:1.15rem;line-height:1.2;letter-spacing:.01em}.card__measure-row{display:contents}.card__measure-row dt{display:flex;align-items:center;gap:.6rem;color:#6b6b6b}.card__measure-row dt:after{content:":";margin-left:auto;padding-left:.6rem}.card__measure-row dd{margin:0;font-weight:500;color:#121212}.card__measure-num{display:grid;place-items:center;flex:0 0 auto;width:1.5rem;height:1.5rem;padding:0;border-radius:50%;background:#121212;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:0;text-align:center;text-box:trim-both cap alphabetic}@media screen and (min-width:750px){.card__measure{--dpm-measure-size: 3.2rem;--dpm-measure-inset: 1rem}.card__measure-icon{width:1.6rem;height:1.6rem}.card__measure-pop{gap:1.4rem;padding:1.4rem 1.8rem 1.4rem 1.4rem}.card__measure-diagram{height:7.6rem}.card__measure-title{font-size:1.35rem}.card__measure-list{font-size:1.25rem}}@container dpm-measure (max-width: 299px){.card__measure-pop{left:var(--dpm-measure-edge);right:var(--dpm-measure-edge);max-width:none;flex-direction:column;align-items:stretch;gap:.8rem;padding:1rem 1.2rem 1.2rem;white-space:normal;transform:none}.card__measure[data-side=left] .card__measure-pop{left:var(--dpm-measure-edge)}.card__measure-caret,.card__measure[data-side=left] .card__measure-caret{left:auto;right:calc(var(--dpm-measure-inset) - var(--dpm-measure-edge) + var(--dpm-measure-size) / 2 - .5rem)}.card__measure-diagram{align-self:center;height:5.6rem}.card__measure-list{grid-template-columns:max-content minmax(0,1fr);column-gap:.6rem}.card__measure-row dt{white-space:nowrap}.card__measure--tight .card__measure-diagram{display:none}}.dpm-measure-guide__toggle{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;width:100%;margin:0;padding:0;border:none;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.dpm-measure-guide__toggle:focus{outline:none}.dpm-measure-guide__toggle:focus-visible{outline:2px solid rgba(18,18,18,.45);outline-offset:2px;border-radius:4px}.dpm-measure-guide__icon{position:relative;flex:0 0 auto;width:10px;height:10px;margin-right:1rem;color:#121212}.dpm-measure-guide__icon:before,.dpm-measure-guide__icon:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:1px;background:currentColor;transform:translate(-50%,-50%)}.dpm-measure-guide__icon:after{width:1px;height:10px}.dpm-measure-guide__toggle[aria-expanded=true] .dpm-measure-guide__icon:after{display:none}.dpm-measure-guide{display:none;overflow-anchor:none}.dpm-measure-guide.is-open{display:block}.dpm-measure-guide__inner{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem 0 1.2rem}.dpm-measure-guide.is-open .dpm-measure-guide__inner{animation:dpm-measure-guide-in .28s ease both}@keyframes dpm-measure-guide-in{0%{opacity:0}to{opacity:1}}.dpm-measure-guide__diagram{display:block;width:auto;height:15rem;max-width:100%;object-fit:contain}.dpm-measure-guide__list{align-self:stretch;margin:0;border-top:1px solid rgba(18,18,18,.07)}.dpm-measure-guide__item{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.1rem 0;border-bottom:1px solid rgba(18,18,18,.07)}.dpm-measure-guide__item dt{display:flex;align-items:center;gap:.8rem;flex:0 0 auto;font-size:1.3rem;font-weight:500;letter-spacing:-.005em;color:#121212}.dpm-measure-guide__item dd{margin:0;min-width:0;font-size:1.25rem;line-height:1.35;text-align:right;color:#6e6e73}.dpm-measure-guide__num{display:grid;place-items:center;flex:0 0 auto;width:1.8rem;height:1.8rem;padding:0;border-radius:50%;background:#121212;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:0;text-align:center;text-box:trim-both cap alphabetic}@media screen and (min-width:750px){.dpm-measure-guide__inner{flex-direction:row;align-items:center;gap:3.2rem;padding:2.4rem 0 1.6rem}.dpm-measure-guide__diagram{flex:0 0 auto;height:14rem}.dpm-measure-guide__list{flex:1 1 auto;align-self:center}}@media(prefers-reduced-motion:reduce){.dpm-measure-guide.is-open .dpm-measure-guide__inner{animation:none}}body.dpm-discovery-mode .card__measure{display:none}
/*# sourceMappingURL=/cdn/shop/t/32/assets/dopamean-card-measure.css.map */