.section{border:var(--border-size) solid var(--fill);z-index:var(--z-index);border-top:none}@container (width<320px){.section{background-color:var(--fill);-webkit-mask-image:radial-gradient(50% 100% at 50% 0,#0000 calc(var(--ring-hole) - .5px),#000 calc(var(--ring-hole) + .5px));mask-image:radial-gradient(50% 100% at 50% 0,#0000 calc(var(--ring-hole) - .5px),#000 calc(var(--ring-hole) + .5px));border-width:0}}.animate-fill-graph{transform:rotate(calc(var(--percentage)*1));animation:2.2s ease-in forwards fillGraphAnimation}@keyframes fillGraphAnimation{0%{transform:rotate(0)}50%{transform:rotate(var(--percentage))}}.scale-mark{transform-origin:bottom;position:absolute}.scale-mark span{transform:rotate(var(--angle)) translateX(-50%);transform-origin:top;position:absolute}.product-swiper-container[data-v-f013858b]{padding:0 20px;position:relative}.product-mini-swiper[data-v-f013858b]{border-radius:.75rem;overflow:hidden}.swiper-nav-btn[data-v-f013858b]{opacity:0;transition:all .2s}.product-swiper-container:hover .swiper-nav-btn[data-v-f013858b],.swiper-nav-btn[data-v-f013858b]:focus-visible,.swiper-nav-btn[data-v-f013858b]:hover{opacity:1}.product-swiper-container[data-v-f013858b] .swiper-slide{opacity:0;transition:opacity .4s}.product-swiper-container[data-v-f013858b] .swiper-pagination-bullet{opacity:1;background:#d1d5db;width:8px;height:8px;transition:all .3s}.product-swiper-container[data-v-f013858b] .swiper-pagination-bullet-active{background:#ba9453;border-radius:4px;width:24px}