.section{border:var(--border-size) solid var(--fill);z-index:var(--z-index);border-top:none}@container (width < 320px){.section{border-width:0;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))}}.animate-fill-graph{animation:fillGraphAnimation 2.2s ease-in forwards;transform:rotate(calc(var(--percentage)*1))}@keyframes fillGraphAnimation{0%{transform:rotate(0)}50%{transform:rotate(var(--percentage))}}.scale-mark{position:absolute;transform-origin:center bottom}.scale-mark span{position:absolute;transform:rotate(var(--angle)) translate(-50%);transform-origin:center top}.product-swiper-container[data-v-f013858b]{position:relative;padding:0 20px}.product-mini-swiper[data-v-f013858b]{overflow:hidden;border-radius:.75rem}.swiper-nav-btn[data-v-f013858b]{opacity:0;transition:all .2s ease}.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 ease}.product-swiper-container[data-v-f013858b] .swiper-pagination-bullet{width:8px;height:8px;background:#d1d5db;opacity:1;transition:all .3s ease}.product-swiper-container[data-v-f013858b] .swiper-pagination-bullet-active{background:#ba9453;width:24px;border-radius:4px}