.options{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:10;-webkit-box-pack:center;-ms-flex-pack:center;gap:4px;justify-content:center;margin-bottom:12px;--size:50px;--offset:4px;--icon-width:20px;--icon-height:14px}@media(min-height:558px){.options{margin-bottom:20px;--size:clamp(50px,13.02083vw,100px);--offset:clamp(4px,.40323vw,8px);--icon-width:clamp(20px,4.42708vw,34px);--icon-height:clamp(14px,2.60417vw,20px)}}@media(min-width:768px)and (min-height:558px){.options{margin-bottom:40px}}@media(min-width:992px)and (min-height:558px){.options{--size:clamp(80px,6.25vw,100px);--offset:clamp(4px,.5vw,8px);margin-top:-20px}}@media(min-width:1600px)and (min-height:558px){.options{--size:clamp(100px,5.20833vw,120px);--offset:clamp(10px,.52083vw,16px);--icon-width:clamp(34px,2.13542vw,41px);--icon-height:clamp(20px,1.25vw,24px)}}.options__button{aspect-ratio:1/1;border-radius:50%;display:block;position:relative;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;width:var(--size);z-index:1;--border-width:3px;background:#fff}@media(min-height:558px){.options__button{--border-width:clamp(3px,.50403vw,5px)}}@media(min-width:992px)and (min-height:558px){.options__button{--border-width:clamp(3px,.3125vw,5px)}}@media(min-width:1600px)and (min-height:558px){.options__button{--border-width:clamp(5px,.26042vw,8px)}}.options__button img{border-radius:50%;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.options__button:not(:disabled){cursor:pointer}.options__button:not(:disabled):after{border-radius:50%;-webkit-box-shadow:0 0 0 var(--border-width) inset var(--color-white);box-shadow:0 0 0 var(--border-width) inset var(--color-white);content:"";inset:-1px;opacity:0;position:absolute;-webkit-transition:opacity .3s;transition:opacity .3s}.options__button:not(:disabled):hover:after{opacity:1}.options__badge{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;left:50%;position:absolute;top:-10px;z-index:10;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#000;border-radius:38px;color:#fff;font-size:9px;font-style:italic;font-weight:900;line-height:1;padding:5px 7px;text-transform:uppercase;-webkit-transform:translateX(-50%);transform:translate(-50%)}@media(min-height:558px){.options__badge{font-size:clamp(9px,1.04167vw,10px);padding-block:clamp(5px,.78125vw,6px);padding-inline:clamp(7px,1.30208vw,10px)}}@media(min-width:1600px)and (min-height:558px){.options__badge{font-size:clamp(10px,.72917vw,16px);padding-block:clamp(6px,.41667vw,10px);padding-inline:clamp(10px,.625vw,16px)}}.options__badge--accent{background:var(--color-accent);color:var(--color-text-black)}.options__list{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;overflow:hidden;pointer-events:none;-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s;-webkit-transition-duration:.3s,0s;transition-duration:.3s,0s;-webkit-transition-property:opacity,visibility;transition-property:opacity,visibility;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;visibility:hidden}.options__list,.options__list:before{left:0;position:absolute;right:0;top:0}.options__list:before{background-color:#e3e3e3;border-radius:72px;bottom:0;content:""}.options__list-inner{border-radius:72px;overflow:auto;padding:calc(var(--size) + var(--offset)) var(--offset) var(--offset);scrollbar-width:none}.options__list-down,.options__list-up{aspect-ratio:1/1;display:-webkit-box;display:-ms-flexbox;display:flex;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translate(-50%);width:calc(var(--size) + 2px);z-index:2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--color-white);border-radius:50%;cursor:pointer;justify-content:center;opacity:0;-webkit-transition-delay:0s,.2s;transition-delay:0s,.2s;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity,visibility;transition-property:opacity,visibility;visibility:hidden}.options__list-down svg,.options__list-up svg{height:var(--icon-height);width:var(--icon-width)}.options__list-down--active,.options__list-up--active{opacity:1;-webkit-transition-delay:0s;transition-delay:0s;visibility:visible}.options__list-up{top:calc(var(--offset) - 1px)}.options__list-up svg{margin-bottom:.4em;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.options__list-down{bottom:calc(var(--offset) - 1px)}.options__list-down svg{margin-top:.4em}.options__item{padding:var(--offset);position:relative}.options__list .options__button{margin-top:var(--offset)}.options--hovered .options__button{opacity:.4}.options:not(.options--hovered) .options__button--active:after{-webkit-box-shadow:0 0 0 var(--border-width) inset #e3e3e3;box-shadow:0 0 0 var(--border-width) inset #e3e3e3;opacity:1}.options__item:hover .options__list{opacity:1;pointer-events:auto;-webkit-transition-delay:0s,0s;transition-delay:0s,0s;visibility:visible}.options__item:hover .options__button{opacity:1}.edit-layout{bottom:0;color:var(--color-text-white);overflow:hidden;position:fixed;right:0;top:0;-webkit-transform:translateX(100%);transform:translate(100%);width:100%;z-index:1000}@media(min-width:992px){.edit-layout{-webkit-transform:translateX(50%);transform:translate(50%);width:50%}}.edit-layout__bg{inset:0;position:absolute;z-index:-10}.edit-layout__bg img{height:100%;width:100%}.edit-layout__header{display:-webkit-box;display:-ms-flexbox;display:flex;left:0;margin:24px;position:absolute;right:0;top:0;z-index:10;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media(min-height:558px){.edit-layout__header{margin:32px 24px}}.edit-layout__back{display:-webkit-box;display:-ms-flexbox;display:flex;left:0;position:absolute;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;aspect-ratio:1;border:2px solid;border-radius:50%;cursor:pointer;justify-content:center;width:44px}@media(min-width:768px)and (min-height:558px){.edit-layout__back{width:clamp(48px,2.91667vw,62px)}}.edit-layout__back svg{height:12px;width:16px}@media(min-width:768px)and (min-height:558px){.edit-layout__back svg{height:clamp(13px,.78125vw,17px);width:clamp(17px,1.04167vw,22px)}}.edit-layout__title{font-size:clamp(14px,3.125vw,24px);font-weight:500;letter-spacing:.015em;line-height:100%;text-transform:uppercase}@media(min-width:768px)and (min-height:558px){.edit-layout__title{font-size:clamp(24px,1.5625vw,48px)}}