.dp-panel{box-sizing:border-box;background-color:#1e4240;border-radius:8px;padding:56px 56px 0;position:relative;overflow:clip}.dp-plate{z-index:0;pointer-events:none;background-color:#1e4240;background-image:radial-gradient(#41605e 1px,#0000 1.3px);background-size:9px 9px;position:absolute;inset:0}.dp-panel[data-plate=fine] .dp-plate{background-image:radial-gradient(#3a5957 .8px,#0000 1.1px);background-size:6px 6px}.dp-panel[data-plate=open] .dp-plate{background-image:radial-gradient(#4e6b69 1.2px,#0000 1.5px);background-size:14px 14px}.dp-panel[data-tone=stone],.dp-panel[data-tone=stone] .dp-plate{background-color:#473531}.dp-panel[data-tone=stone] .dp-plate{background-image:radial-gradient(#645551 1px,#0000 1.3px)}.dp-panel[data-tone=stone][data-plate=fine] .dp-plate{background-image:radial-gradient(#5e4e4a .8px,#0000 1.1px)}.dp-panel[data-tone=stone][data-plate=open] .dp-plate{background-image:radial-gradient(#6e605d 1.2px,#0000 1.5px)}.dp-panel[data-tone=silver],.dp-panel[data-tone=silver] .dp-plate{background-color:#474c51}.dp-panel[data-tone=silver] .dp-plate{background-image:radial-gradient(#64696d 1px,#0000 1.3px)}.dp-panel[data-tone=silver][data-plate=fine] .dp-plate{background-image:radial-gradient(#5d6266 .8px,#0000 1.1px)}.dp-panel[data-tone=silver][data-plate=open] .dp-plate{background-image:radial-gradient(#6e7276 1.2px,#0000 1.5px)}.dp-panel[data-plate=grain] .dp-plate{--au-light:#58716c;--au-dark:#0e1918;background-image:none}.dp-panel[data-plate=grain][data-tone=stone] .dp-plate{--au-light:#7b6a55;--au-dark:#1b1411}.dp-panel[data-plate=grain][data-tone=silver] .dp-plate{--au-light:#8c9298;--au-dark:#121416}.dp-ground{width:100%;height:100%;display:block;position:absolute;inset:0}.dp-panel[data-plate=none],.dp-panel[data-plate=none] .dp-plate{background:0 0}.dp-panel[data-plate=grain] .dp-plate:after{content:"";opacity:.7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 2.4 0 0 0 -1.02'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.dp-stage{z-index:1;background:#fff;border-radius:8px 8px 0 0;display:flow-root;position:relative;overflow:clip}.dp-frame-hero{padding:clamp(24px,4.65%,64px) clamp(16px,8.43%,116px)}.dp-frame-hero .dp-stage{border-radius:8px}.dp-frame-hero.dp-edge-bottom{padding-bottom:0}.dp-frame-hero.dp-edge-bottom .dp-stage{border-radius:8px 8px 0 0}.dp-frame-feature{padding:48px}.dp-frame-feature.dp-edge-right{padding-right:0}.dp-frame-feature.dp-edge-right .dp-stage{border-radius:8px 0 0 8px}.dp-frame-feature.dp-edge-bottom{padding-bottom:0}.dp-frame-feature.dp-edge-bottom .dp-stage{border-radius:8px 8px 0 0}.dp-frame-feature.dp-edge-both{padding-bottom:0;padding-right:0}.dp-frame-feature.dp-edge-both .dp-stage{border-radius:8px 0 0}.dp-frame-feature.dp-edge-none .dp-stage{border-radius:8px}.dp-frame-panel.dp-edge-none{padding-bottom:56px}.dp-frame-panel.dp-edge-none .dp-stage{border-radius:8px}.dp-frame-panel.dp-edge-right{padding:56px 0 56px 56px}.dp-frame-panel.dp-edge-right .dp-stage{border-radius:8px 0 0 8px}.dp-frame-panel.dp-edge-both{padding:56px 0 0 56px}.dp-frame-panel.dp-edge-both .dp-stage{border-radius:8px 0 0}.dp-frame-hero.dp-edge-right{padding-right:0}.dp-frame-hero.dp-edge-right .dp-stage{border-radius:8px 0 0 8px}.dp-frame-hero.dp-edge-both{padding-bottom:0;padding-right:0}.dp-frame-hero.dp-edge-both .dp-stage{border-radius:8px 0 0}@media (max-width:767px){.dp-frame-panel{padding:24px 16px 0}.dp-frame-panel.dp-edge-none{padding-bottom:24px}.dp-frame-feature{padding:24px}.dp-frame-feature.dp-edge-right{padding-right:0}.dp-frame-feature.dp-edge-bottom{padding-bottom:0}.dp-frame-feature.dp-edge-both{padding:24px 0 0 16px}.dp-frame-panel.dp-edge-right{padding:24px 0 24px 16px}.dp-frame-panel.dp-edge-both{padding:24px 0 0 16px}.dp-frame-hero{padding:16px}.dp-frame-hero.dp-edge-bottom{padding-bottom:0}.dp-frame-hero.dp-edge-right{padding-right:0}.dp-frame-hero.dp-edge-both{padding:16px 0 0 16px}}