.menu-settings{overflow:hidden;position:absolute;right:20px;top:20px;user-select:none;z-index:2;max-width:320px}.settings-items{background:var(--color-lavagna);border-radius:var(--border-radius);display:flex;flex-direction:row;gap:10px;padding:0 10px;position:relative}.settings-item-wrapper{cursor:pointer;width:100%}.settings-item-content{border-radius:var(--border-radius);padding:10px;position:relative;z-index:1}.settings-item-content.select .settings-item{color:var(--color-azzure)!important;font-variation-settings:'FILL' 1}.settings-item{align-items:center;color:var(--color-white);display:flex;position:relative;width:100%;z-index:1}.settings-item .icon{font-family:var(--font-family-icons);font-size:var(--size-menu-icon);transition:color var(--time-ease) ease}.settings-item:hover .icon{color:var(--color-azzure);font-variation-settings:'FILL' 1}.settings-items::before,.settings-items::after{background:linear-gradient(to right,var(--color-lavagna) 0px 1px,var(--color-avena) 1px 29px,var(--color-lavagna) 29px 30px);bottom:0;content:'';height:30px;opacity:0;position:absolute;transition:opacity var(--time-ease) ease;width:30px;z-index:-1}.settings-items::before{left:0}.settings-items::after{right:0}.settings-items.selected::after,.settings-items.selected::before{opacity:1}.panel-content{align-items:center;display:flex;flex-direction:column;gap:5px;height:100%;width:100%}.panel-content *{width:100%}.panel-content .title{font-weight:bold;padding:10px;padding-bottom:5px;text-align:center}.panel-content .options{padding:10px;padding-top:5px;text-align:right}.panel-content .cards{padding:10px;padding-top:5px;gap:5px;display:flex;flex-direction:column;overflow:auto}.panel-content .inner-card{padding:5px 10px;margin:0;display:flex;flex-direction:column;cursor:pointer;border-radius:var(--border-radius)}.panel-content .inner-card .item{max-width:100%;padding:0 5px}.panel-content .inner-card .agent{font-weight:bold;color:var(--color-azzure);text-align:right}.panel-content .inner-card .type{font-size:0.75rem;font-weight:bold}.panel-content .inner-card .time{font-size:0.75rem;text-align:right}.highlight-settings{background-color:var(--color-avena);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);top:5px;bottom:0;opacity:0;pointer-events:none;position:absolute;transition:left var(--time-ease) ease,width var(--time-ease) ease,transform var(--time-ease) ease,opacity var(--time-ease) ease;width:52px;z-index:1}.highlight-settings::before,.highlight-settings::after{background:var(--color-lavagna);bottom:0;content:'';height:30px;position:absolute;width:30px;z-index:1}.highlight-settings::before{border-bottom-right-radius:var(--border-radius);box-shadow:10px 10px 0 10px var(--color-avena);left:-29.8px}.highlight-settings::after{border-bottom-left-radius:var(--border-radius);box-shadow:-10px 10px 0 10px var(--color-avena);right:-29.8px}.settings-panel .section{height:1px;width:80%}.settings-panel .center-span{justify-content:center;text-align:center}.settings-panel{background:var(--color-avena);border-bottom-left-radius:30px;border-bottom-right-radius:30px;border-bottom:1px solid var(--color-lavagna);border-left:1px solid var(--color-lavagna);border-right:1px solid var(--color-lavagna);max-height:0px;opacity:0;overflow:hidden;position:relative;top:0;transition:max-height var(--time-ease) ease,opacity var(--time-ease) ease;z-index:2}.settings-panel.open{opacity:1;max-height:240px}.settings-panel .options{gap:5px;display:flex;flex-direction:column;overflow:auto}.panel-content{opacity:1;transition:opacity var(--time-ease) ease;max-height:240px}.panel-content.hidden{overflow:hidden;max-height:0;opacity:0}.element{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:var(--border-radius);background-color:var(--color-avena);border:1px solid var(--color-azzure);cursor:pointer;user-select:none;transition:background-color var(--time-ease) ease,color var(--time-ease) ease,font-weight var(--time-ease) ease,transform calc(var(--time-ease) / 4) ease;gap:8px}.element span{font-size:15px;font-weight:500}.element .icon{font-size:24px;opacity:0.85;width:fit-content}.element div.icon{align-items:center;border-radius:var(--border-radius);border:1px solid var(--color-azzure);display:flex;justify-content:center;max-height:calc(var(--size-menu-icon) / 2);max-width:calc(var(--size-menu-icon) / 2);min-height:calc(var(--size-menu-icon) / 2);min-width:calc(var(--size-menu-icon) / 2);overflow:hidden;position:relative;transition:border-color var(--time-ease) ease,box-shadow var(--time-ease) ease;box-shadow:0 0 4px 0 color-mix(in srgb,var(--color-azzure) 70%,transparent)}.element div.icon img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.element:hover{background-color:var(--color-azzure);font-variation-settings:'FILL' 1;color:var(--color-white)}.element:active{transform:scale(0.95);background-color:var(--color-azzure);font-variation-settings:'FILL' 1;color:var(--color-white)}.element:hover div.icon{border-color:var(--color-white);box-shadow:0 0 4px 0 color-mix(in srgb,var(--color-white) 70%,transparent)}