.section-design-your-ring>.container>.header{text-align:center;margin-bottom:var(--p-space-800)}.dyr{display:block;color:#010101;letter-spacing:0}.dyr__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"setting visual stone";gap:32px;align-items:center}.dyr__visual{grid-area:visual;position:relative;height:520px;overflow-x:clip;overflow-y:visible;isolation:isolate}.dyr__image{position:absolute;top:-7%;left:50%;height:115%;width:auto;max-width:none;object-fit:contain;transform:translate(-50%);pointer-events:none}.dyr__diamond{top:calc(-12% + 6px);z-index:2;animation:dyr-diamond-float 1s ease-in-out infinite}.dyr__setting{transition:opacity .6s ease-in-out}.dyr__setting--yellow,.dyr.is-yellow .dyr__setting--white{opacity:0}.dyr.is-yellow .dyr__setting--yellow{opacity:1}.dyr__entry{min-width:0;text-align:center}.dyr__entry--setting{grid-area:setting}.dyr__entry--stone{grid-area:stone}.dyr__entry-title{margin:0 0 18px;letter-spacing:0}.dyr__description{margin:0 auto 30px;max-width:350px;font-size:15px;line-height:1.7}.dyr__button{max-width:350px;margin-inline:auto}@media (max-width: 1199px) and (min-width: 990px){.dyr__layout{gap:16px}.dyr__visual{height:450px}}@media (max-width: 989px){.dyr__layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"visual" "setting" "stone";gap:12px}.dyr__visual{width:100%;max-width:440px;height:360px;margin-inline:auto}.dyr__entry-title,.dyr__description{display:none}.dyr__button{max-width:390px}}@media (max-width: 359px){.dyr__visual{height:330px}}@media (prefers-reduced-motion: reduce){.dyr__diamond{animation:none}.dyr__setting{transition:none}}@keyframes dyr-diamond-float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-8px)}}