@layer vendor {
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,button,cite,code,del,dfn,img,ins,kbd,q,s,samp,strike,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block
}
body {
line-height: 1
}
ol,ul {
list-style: none
}
blockquote,q {
quotes: none
}
blockquote: before,blockquote:after,q:before,q:after {
content:"";
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
}
@layer vendor,base,theme,abstracts,components,patterns,overrides,utilities;@layer utilities {
.v-screen-reader,.v-sr {
clip: rect(0,0,0,0);
clip-path: inset(50%);
height: 1px;
inset-inline-start: -100000px;
overflow: hidden;
position: absolute;
inset-block-start: 0;
width: 1px;
z-index: -1;
white-space: nowrap
}
}
@layer base {
:root {
--elevation-offset-x: 0;
--elevation-offset-y: 0;
--elevation-blur-radius: 0;
--elevation-spread: 0;
--elevation-color: var(--palette-default-transparent);
--elevation-none-offset-x: 0;
--elevation-none-offset-y: 0;
--elevation-none-blur-radius: 0;
--elevation-none-spread: 0;
--elevation-none-color: var(--palette-default-transparent);
--elevation-none: var(--elevation-none-offset-x) var(--elevation-none-offset-y) var(--elevation-none-blur-radius) var(--elevation-none-spread) var(--elevation-none-color);
--elevation-inset-offset-x: 0;
--elevation-inset-offset-y: 0;
--elevation-inset-blur-radius: 4px;
--elevation-inset-spread: 0;
--elevation-inset-color: var(--palette-default-disabled);
--elevation-inset: inset var(--elevation-inset-offset-x) var(--elevation-inset-offset-y) var(--elevation-inset-blur-radius) var(--elevation-inset-spread) var(--elevation-inset-color);
--elevation-xsmall-offset-x: 0;
--elevation-xsmall-offset-y: 1px;
--elevation-xsmall-blur-radius: 3px;
--elevation-xsmall-spread: 0;
--elevation-xsmall-color: var(--palette-default-disabled);
--elevation-xsmall: var(--elevation-xsmall-offset-x) var(--elevation-xsmall-offset-y) var(--elevation-xsmall-blur-radius) var(--elevation-xsmall-spread) var(--elevation-xsmall-color);
--elevation-small-offset-x: 0;
--elevation-small-offset-y: 2px;
--elevation-small-blur-radius: 6px;
--elevation-small-spread: -1px;
--elevation-small-color: var(--palette-default-disabled);
--elevation-small: var(--elevation-small-offset-x) var(--elevation-small-offset-y) var(--elevation-small-blur-radius) var(--elevation-small-spread) var(--elevation-small-color);
--elevation-medium-offset-x: 0;
--elevation-medium-offset-y: 4px;
--elevation-medium-blur-radius: 15px;
--elevation-medium-spread: -1px;
--elevation-medium-color: var(--palette-default-disabled);
--elevation-medium: var(--elevation-medium-offset-x) var(--elevation-medium-offset-y) var(--elevation-medium-blur-radius) var(--elevation-medium-spread) var(--elevation-medium-color);
--elevation-large-offset-x: 0;
--elevation-large-offset-y: 10px;
--elevation-large-blur-radius: 18px;
--elevation-large-spread: -3px;
--elevation-large-color: var(--palette-default-disabled);
--elevation-large: var(--elevation-large-offset-x) var(--elevation-large-offset-y) var(--elevation-large-blur-radius) var(--elevation-large-spread) var(--elevation-large-color);
--elevation-xlarge-offset-x: 0;
--elevation-xlarge-offset-y: 20px;
--elevation-xlarge-blur-radius: 25px;
--elevation-xlarge-spread: -5px;
--elevation-xlarge-color: var(--palette-default-disabled);
--elevation-xlarge: var(--elevation-xlarge-offset-x) var(--elevation-xlarge-offset-y) var(--elevation-xlarge-blur-radius) var(--elevation-xlarge-spread) var(--elevation-xlarge-color);
--elevation-xxlarge-offset-x: 0;
--elevation-xxlarge-offset-y: 25px;
--elevation-xxlarge-blur-radius: 50px;
--elevation-xxlarge-spread: -12px;
--elevation-xxlarge-color: var(--palette-default-disabled);
--elevation-xxlarge: var(--elevation-xxlarge-offset-x) var(--elevation-xxlarge-offset-y) var(--elevation-xxlarge-blur-radius) var(--elevation-xxlarge-spread) var(--elevation-xxlarge-color)
}
}
@layer utilities {
.v-elevation-none {
box-shadow: var(--elevation-none)
}
.v-elevation-inset {
box-shadow: var(--elevation-inset)
}
.v-elevation-xsmall {
box-shadow: var(--elevation-xsmall)
}
.v-elevation-small {
box-shadow: var(--elevation-small)
}
.v-elevation-medium {
box-shadow: var(--elevation-medium)
}
.v-elevation-large {
box-shadow: var(--elevation-large)
}
.v-elevation-xlarge {
box-shadow: var(--elevation-xlarge)
}
.v-elevation-xxlarge {
box-shadow: var(--elevation-xxlarge)
}
}
@layer utilities {
.v-flex {
display: flex
}
.v-flex-inline {
display: inline-flex
}
.v-flex-col {
flex-direction: column
}
.v-flex-col-reverse {
flex-direction: column-reverse
}
.v-flex-row {
flex-direction: row
}
.v-flex-row-reverse {
flex-direction: row-reverse
}
.v-flex-wrap {
flex-wrap: wrap
}
.v-flex-wrap-reverse {
flex-wrap: wrap-reverse
}
.v-flex-nowrap {
flex-wrap: nowrap
}
.v-flex-grow {
flex-grow: 1
}
.v-flex-shrink {
flex-shrink: 1
}
.v-align-content-center {
align-content: center
}
.v-align-content-start {
align-content: flex-start
}
.v-align-content-end {
align-content: flex-end
}
.v-align-content-between {
align-content: space-between
}
.v-align-content-around {
align-content: space-around
}
.v-align-content-evenly {
align-content: space-evenly
}
.v-align-items-start {
align-items: flex-start
}
.v-align-items-end {
align-items: flex-end
}
.v-align-items-center {
align-items: center
}
.v-align-items-baseline {
align-items: baseline
}
.v-align-items-stretch {
align-items: stretch
}
.v-align-self-start {
align-self: flex-start
}
.v-align-self-end {
align-self: flex-end
}
.v-align-self-auto {
align-self: auto
}
.v-align-self-center {
align-self: center
}
.v-align-self-stretch {
align-self: stretch
}
.v-align-self-baseline {
align-self: baseline
}
.v-justify-content-start {
justify-content: flex-start
}
.v-justify-content-end {
justify-content: flex-end
}
.v-justify-content-center {
justify-content: center
}
.v-justify-content-between {
justify-content: space-between
}
.v-justify-content-around {
justify-content: space-around
}
.v-justify-content-evenly {
justify-content: space-evenly
}
}
@layer utilities {
.v-flex-0 {
flex: 0
}
.v-flex-1 {
flex: 1
}
.v-flex-2 {
flex: 2
}
.v-flex-3 {
flex: 3
}
.v-flex-4 {
flex: 4
}
.v-flex-5 {
flex: 5
}
.v-flex-6 {
flex: 6
}
.v-flex-7 {
flex: 7
}
.v-flex-8 {
flex: 8
}
.v-flex-9 {
flex: 9
}
.v-flex-10 {
flex: 10
}
.v-flex-11 {
flex: 11
}
.v-flex-12 {
flex: 12
}
.v-flex-grow-0 {
flex-grow: 0
}
.v-flex-grow-1 {
flex-grow: 1
}
.v-flex-grow-2 {
flex-grow: 2
}
.v-flex-grow-3 {
flex-grow: 3
}
.v-flex-grow-4 {
flex-grow: 4
}
.v-flex-grow-5 {
flex-grow: 5
}
.v-flex-grow-6 {
flex-grow: 6
}
.v-flex-grow-7 {
flex-grow: 7
}
.v-flex-grow-8 {
flex-grow: 8
}
.v-flex-grow-9 {
flex-grow: 9
}
.v-flex-grow-10 {
flex-grow: 10
}
.v-flex-grow-11 {
flex-grow: 11
}
.v-flex-grow-12 {
flex-grow: 12
}
.v-flex-shrink-0 {
flex-shrink: 0
}
.v-flex-shrink-1 {
flex-shrink: 1
}
.v-flex-shrink-2 {
flex-shrink: 2
}
.v-flex-shrink-3 {
flex-shrink: 3
}
.v-flex-shrink-4 {
flex-shrink: 4
}
.v-flex-shrink-5 {
flex-shrink: 5
}
.v-flex-shrink-6 {
flex-shrink: 6
}
.v-flex-shrink-7 {
flex-shrink: 7
}
.v-flex-shrink-8 {
flex-shrink: 8
}
.v-flex-shrink-9 {
flex-shrink: 9
}
.v-flex-shrink-10 {
flex-shrink: 10
}
.v-flex-shrink-11 {
flex-shrink: 11
}
.v-flex-shrink-12 {
flex-shrink: 12
}
}
@layer base {
:root {
--breakpoint-min: 0px;
--breakpoint-xs: 320px;
--breakpoint-sm: 480px;
--breakpoint-md: 768px;
--breakpoint-lg: 1024px;
--breakpoint-xl: 1440px;
--breakpoint-xxl: 1600px;
--breakpoint-max: 10000000000px
}
}
@layer utilities {
:root .v-hide {
display: none
}
@container (max-width: 479px) {
.v-xs-container-hide {
display: none
}
}
@media only screen and (max-width: 479px) {
.v-xs-media-hide {
display:none
}
}
@container ((min-width: 480px) and (max-width: 767px)) {
.v-sm-container-hide {
display: none
}
}
@media only screen and (min-width: 480px)and (max-width: 767px) {
.v-sm-media-hide {
display:none
}
}
@container ((min-width: 768px) and (max-width: 1023px)) {
.v-md-container-hide {
display: none
}
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
.v-md-media-hide {
display:none
}
}
@container ((min-width: 1024px) and (max-width: 1439px)) {
.v-lg-container-hide {
display: none
}
}
@media only screen and (min-width: 1024px)and (max-width: 1439px) {
.v-lg-media-hide {
display:none
}
}
@container ((min-width: 1440px) and (max-width: 1599px)) {
.v-xl-container-hide {
display: none
}
}
@media only screen and (min-width: 1440px)and (max-width: 1599px) {
.v-xl-media-hide {
display:none
}
}
@container (min-width: 1600px) {
.v-xxl-container-hide {
display: none
}
}
@media only screen and (min-width: 1600px) {
.v-xxl-media-hide {
display:none
}
}
@container (max-width: 767px) {
.v-mobile-container-hide {
display: none
}
}
@media only screen and (max-width: 767px) {
.v-mobile-media-hide {
display:none
}
}
@container (min-width: 768px) {
.v-desktop-container-hide {
display: none
}
}
@media only screen and (min-width: 768px) {
.v-desktop-media-hide {
display:none
}
}
}
@layer base {
:root {
--size-responsive-0: 0px;
--size-responsive-1: 1px;
--size-responsive-2: 2px;
--size-responsive-3: 3px;
--size-responsive-4: 4px;
--size-responsive-5: 5px;
--size-responsive-6: 6px;
--size-responsive-7: 7px;
--size-responsive-8: 8px;
--size-responsive-9: 9px;
--size-responsive-10: 10px;
--size-responsive-11: 11px;
--size-responsive-12: 12px;
--size-responsive-13: 13px;
--size-responsive-14: 14px;
--size-responsive-15: 15px;
--size-responsive-16: 16px;
--size-responsive-17: 17px;
--size-responsive-18: 18px;
--size-responsive-19: 19px;
--size-responsive-20: 20px;
--size-responsive-21: 21px;
--size-responsive-22: 22px;
--size-responsive-23: 23px;
--size-responsive-24: 24px;
--size-responsive-25: 25px;
--size-responsive-26: 26px;
--size-responsive-27: 27px;
--size-responsive-28: 28px;
--size-responsive-29: 29px;
--size-responsive-30: 30px;
--size-responsive-31: 31px;
--size-responsive-32: 32px;
--size-responsive-33: 33px;
--size-responsive-34: 34px;
--size-responsive-35: 35px;
--size-responsive-36: 36px;
--size-responsive-37: 37px;
--size-responsive-38: 38px;
--size-responsive-39: 39px;
--size-responsive-40: 40px;
--size-responsive-41: 41px;
--size-responsive-42: 42px;
--size-responsive-43: 43px;
--size-responsive-44: 44px;
--size-responsive-45: 45px;
--size-responsive-46: 46px;
--size-responsive-47: 47px;
--size-responsive-48: 48px;
--size-responsive-49: 49px;
--size-responsive-50: 50px;
--size-responsive-51: 51px;
--size-responsive-52: 52px;
--size-responsive-53: 53px;
--size-responsive-54: 54px;
--size-responsive-55: 55px;
--size-responsive-56: 56px;
--size-responsive-57: 57px;
--size-responsive-58: 58px;
--size-responsive-59: 59px;
--size-responsive-60: 60px;
--size-responsive-61: 61px;
--size-responsive-62: 62px;
--size-responsive-63: 63px;
--size-responsive-64: 64px;
--size-responsive-65: 65px;
--size-responsive-66: 66px;
--size-responsive-67: 67px;
--size-responsive-68: 68px;
--size-responsive-69: 69px;
--size-responsive-70: 70px;
--size-responsive-71: 71px;
--size-responsive-72: 72px;
--size-responsive-73: 73px;
--size-responsive-74: 74px;
--size-responsive-75: 75px;
--size-responsive-76: 76px;
--size-responsive-77: 77px;
--size-responsive-78: 78px;
--size-responsive-79: 79px;
--size-responsive-80: 80px;
--size-responsive-81: 81px;
--size-responsive-82: 82px;
--size-responsive-83: 83px;
--size-responsive-84: 84px;
--size-responsive-85: 85px;
--size-responsive-86: 86px;
--size-responsive-87: 87px;
--size-responsive-88: 88px;
--size-responsive-89: 89px;
--size-responsive-90: 90px;
--size-responsive-91: 91px;
--size-responsive-92: 92px;
--size-responsive-93: 93px;
--size-responsive-94: 94px;
--size-responsive-95: 95px;
--size-responsive-96: 96px;
--size-responsive-97: 97px;
--size-responsive-98: 98px;
--size-responsive-99: 99px;
--size-responsive-100: 100px;
--size-scalable-0: calc(0px * var(--theme-scale-factor));
--size-scalable-1: calc(1px * var(--theme-scale-factor));
--size-scalable-2: calc(2px * var(--theme-scale-factor));
--size-scalable-3: calc(3px * var(--theme-scale-factor));
--size-scalable-4: calc(4px * var(--theme-scale-factor));
--size-scalable-5: calc(5px * var(--theme-scale-factor));
--size-scalable-6: calc(6px * var(--theme-scale-factor));
--size-scalable-7: calc(7px * var(--theme-scale-factor));
--size-scalable-8: calc(8px * var(--theme-scale-factor));
--size-scalable-9: calc(9px * var(--theme-scale-factor));
--size-scalable-10: calc(10px * var(--theme-scale-factor));
--size-scalable-11: calc(11px * var(--theme-scale-factor));
--size-scalable-12: calc(12px * var(--theme-scale-factor));
--size-scalable-13: calc(13px * var(--theme-scale-factor));
--size-scalable-14: calc(14px * var(--theme-scale-factor));
--size-scalable-15: calc(15px * var(--theme-scale-factor));
--size-scalable-16: calc(16px * var(--theme-scale-factor));
--size-scalable-17: calc(17px * var(--theme-scale-factor));
--size-scalable-18: calc(18px * var(--theme-scale-factor));
--size-scalable-19: calc(19px * var(--theme-scale-factor));
--size-scalable-20: calc(20px * var(--theme-scale-factor));
--size-scalable-21: calc(21px * var(--theme-scale-factor));
--size-scalable-22: calc(22px * var(--theme-scale-factor));
--size-scalable-23: calc(23px * var(--theme-scale-factor));
--size-scalable-24: calc(24px * var(--theme-scale-factor));
--size-scalable-25: calc(25px * var(--theme-scale-factor));
--size-scalable-26: calc(26px * var(--theme-scale-factor));
--size-scalable-27: calc(27px * var(--theme-scale-factor));
--size-scalable-28: calc(28px * var(--theme-scale-factor));
--size-scalable-29: calc(29px * var(--theme-scale-factor));
--size-scalable-30: calc(30px * var(--theme-scale-factor));
--size-scalable-31: calc(31px * var(--theme-scale-factor));
--size-scalable-32: calc(32px * var(--theme-scale-factor));
--size-scalable-33: calc(33px * var(--theme-scale-factor));
--size-scalable-34: calc(34px * var(--theme-scale-factor));
--size-scalable-35: calc(35px * var(--theme-scale-factor));
--size-scalable-36: calc(36px * var(--theme-scale-factor));
--size-scalable-37: calc(37px * var(--theme-scale-factor));
--size-scalable-38: calc(38px * var(--theme-scale-factor));
--size-scalable-39: calc(39px * var(--theme-scale-factor));
--size-scalable-40: calc(40px * var(--theme-scale-factor));
--size-scalable-41: calc(41px * var(--theme-scale-factor));
--size-scalable-42: calc(42px * var(--theme-scale-factor));
--size-scalable-43: calc(43px * var(--theme-scale-factor));
--size-scalable-44: calc(44px * var(--theme-scale-factor));
--size-scalable-45: calc(45px * var(--theme-scale-factor));
--size-scalable-46: calc(46px * var(--theme-scale-factor));
--size-scalable-47: calc(47px * var(--theme-scale-factor));
--size-scalable-48: calc(48px * var(--theme-scale-factor));
--size-scalable-49: calc(49px * var(--theme-scale-factor));
--size-scalable-50: calc(50px * var(--theme-scale-factor));
--size-scalable-51: calc(51px * var(--theme-scale-factor));
--size-scalable-52: calc(52px * var(--theme-scale-factor));
--size-scalable-53: calc(53px * var(--theme-scale-factor));
--size-scalable-54: calc(54px * var(--theme-scale-factor));
--size-scalable-55: calc(55px * var(--theme-scale-factor));
--size-scalable-56: calc(56px * var(--theme-scale-factor));
--size-scalable-57: calc(57px * var(--theme-scale-factor));
--size-scalable-58: calc(58px * var(--theme-scale-factor));
--size-scalable-59: calc(59px * var(--theme-scale-factor));
--size-scalable-60: calc(60px * var(--theme-scale-factor));
--size-scalable-61: calc(61px * var(--theme-scale-factor));
--size-scalable-62: calc(62px * var(--theme-scale-factor));
--size-scalable-63: calc(63px * var(--theme-scale-factor));
--size-scalable-64: calc(64px * var(--theme-scale-factor));
--size-scalable-65: calc(65px * var(--theme-scale-factor));
--size-scalable-66: calc(66px * var(--theme-scale-factor));
--size-scalable-67: calc(67px * var(--theme-scale-factor));
--size-scalable-68: calc(68px * var(--theme-scale-factor));
--size-scalable-69: calc(69px * var(--theme-scale-factor));
--size-scalable-70: calc(70px * var(--theme-scale-factor));
--size-scalable-71: calc(71px * var(--theme-scale-factor));
--size-scalable-72: calc(72px * var(--theme-scale-factor));
--size-scalable-73: calc(73px * var(--theme-scale-factor));
--size-scalable-74: calc(74px * var(--theme-scale-factor));
--size-scalable-75: calc(75px * var(--theme-scale-factor));
--size-scalable-76: calc(76px * var(--theme-scale-factor));
--size-scalable-77: calc(77px * var(--theme-scale-factor));
--size-scalable-78: calc(78px * var(--theme-scale-factor));
--size-scalable-79: calc(79px * var(--theme-scale-factor));
--size-scalable-80: calc(80px * var(--theme-scale-factor));
--size-scalable-81: calc(81px * var(--theme-scale-factor));
--size-scalable-82: calc(82px * var(--theme-scale-factor));
--size-scalable-83: calc(83px * var(--theme-scale-factor));
--size-scalable-84: calc(84px * var(--theme-scale-factor));
--size-scalable-85: calc(85px * var(--theme-scale-factor));
--size-scalable-86: calc(86px * var(--theme-scale-factor));
--size-scalable-87: calc(87px * var(--theme-scale-factor));
--size-scalable-88: calc(88px * var(--theme-scale-factor));
--size-scalable-89: calc(89px * var(--theme-scale-factor));
--size-scalable-90: calc(90px * var(--theme-scale-factor));
--size-scalable-91: calc(91px * var(--theme-scale-factor));
--size-scalable-92: calc(92px * var(--theme-scale-factor));
--size-scalable-93: calc(93px * var(--theme-scale-factor));
--size-scalable-94: calc(94px * var(--theme-scale-factor));
--size-scalable-95: calc(95px * var(--theme-scale-factor));
--size-scalable-96: calc(96px * var(--theme-scale-factor));
--size-scalable-97: calc(97px * var(--theme-scale-factor));
--size-scalable-98: calc(98px * var(--theme-scale-factor));
--size-scalable-99: calc(99px * var(--theme-scale-factor));
--size-scalable-100: calc(100px * var(--theme-scale-factor));
--size-rounded-none: 0px;
--size-rounded-small: calc(var(--theme-border-radius) * .6666666667);
--size-rounded-medium: var(--theme-border-radius);
--size-rounded-large: calc(var(--theme-border-radius) * 1.3333333333);
--size-rounded-xlarge: calc(var(--theme-border-radius) * 1.6666666667);
--size-rounded-complete: 100%;
--size-rounded-pill: 9999px
}
@media only screen and (max-width: 767px) {
:root {
--size-responsive-0: calc(0px * var(--theme-responsive-factor));
--size-responsive-1: calc(1px * var(--theme-responsive-factor));
--size-responsive-2: calc(2px * var(--theme-responsive-factor));
--size-responsive-3: calc(3px * var(--theme-responsive-factor));
--size-responsive-4: calc(4px * var(--theme-responsive-factor));
--size-responsive-5: calc(5px * var(--theme-responsive-factor));
--size-responsive-6: calc(6px * var(--theme-responsive-factor));
--size-responsive-7: calc(7px * var(--theme-responsive-factor));
--size-responsive-8: calc(8px * var(--theme-responsive-factor));
--size-responsive-9: calc(9px * var(--theme-responsive-factor));
--size-responsive-10: calc(10px * var(--theme-responsive-factor));
--size-responsive-11: calc(11px * var(--theme-responsive-factor));
--size-responsive-12: calc(12px * var(--theme-responsive-factor));
--size-responsive-13: calc(13px * var(--theme-responsive-factor));
--size-responsive-14: calc(14px * var(--theme-responsive-factor));
--size-responsive-15: calc(15px * var(--theme-responsive-factor));
--size-responsive-16: calc(16px * var(--theme-responsive-factor));
--size-responsive-17: calc(17px * var(--theme-responsive-factor));
--size-responsive-18: calc(18px * var(--theme-responsive-factor));
--size-responsive-19: calc(19px * var(--theme-responsive-factor));
--size-responsive-20: calc(20px * var(--theme-responsive-factor));
--size-responsive-21: calc(21px * var(--theme-responsive-factor));
--size-responsive-22: calc(22px * var(--theme-responsive-factor));
--size-responsive-23: calc(23px * var(--theme-responsive-factor));
--size-responsive-24: calc(24px * var(--theme-responsive-factor));
--size-responsive-25: calc(25px * var(--theme-responsive-factor));
--size-responsive-26: calc(26px * var(--theme-responsive-factor));
--size-responsive-27: calc(27px * var(--theme-responsive-factor));
--size-responsive-28: calc(28px * var(--theme-responsive-factor));
--size-responsive-29: calc(29px * var(--theme-responsive-factor));
--size-responsive-30: calc(30px * var(--theme-responsive-factor));
--size-responsive-31: calc(31px * var(--theme-responsive-factor));
--size-responsive-32: calc(32px * var(--theme-responsive-factor));
--size-responsive-33: calc(33px * var(--theme-responsive-factor));
--size-responsive-34: calc(34px * var(--theme-responsive-factor));
--size-responsive-35: calc(35px * var(--theme-responsive-factor));
--size-responsive-36: calc(36px * var(--theme-responsive-factor));
--size-responsive-37: calc(37px * var(--theme-responsive-factor));
--size-responsive-38: calc(38px * var(--theme-responsive-factor));
--size-responsive-39: calc(39px * var(--theme-responsive-factor));
--size-responsive-40: calc(40px * var(--theme-responsive-factor));
--size-responsive-41: calc(41px * var(--theme-responsive-factor));
--size-responsive-42: calc(42px * var(--theme-responsive-factor));
--size-responsive-43: calc(43px * var(--theme-responsive-factor));
--size-responsive-44: calc(44px * var(--theme-responsive-factor));
--size-responsive-45: calc(45px * var(--theme-responsive-factor));
--size-responsive-46: calc(46px * var(--theme-responsive-factor));
--size-responsive-47: calc(47px * var(--theme-responsive-factor));
--size-responsive-48: calc(48px * var(--theme-responsive-factor));
--size-responsive-49: calc(49px * var(--theme-responsive-factor));
--size-responsive-50: calc(50px * var(--theme-responsive-factor));
--size-responsive-51: calc(51px * var(--theme-responsive-factor));
--size-responsive-52: calc(52px * var(--theme-responsive-factor));
--size-responsive-53: calc(53px * var(--theme-responsive-factor));
--size-responsive-54: calc(54px * var(--theme-responsive-factor));
--size-responsive-55: calc(55px * var(--theme-responsive-factor));
--size-responsive-56: calc(56px * var(--theme-responsive-factor));
--size-responsive-57: calc(57px * var(--theme-responsive-factor));
--size-responsive-58: calc(58px * var(--theme-responsive-factor));
--size-responsive-59: calc(59px * var(--theme-responsive-factor));
--size-responsive-60: calc(60px * var(--theme-responsive-factor));
--size-responsive-61: calc(61px * var(--theme-responsive-factor));
--size-responsive-62: calc(62px * var(--theme-responsive-factor));
--size-responsive-63: calc(63px * var(--theme-responsive-factor));
--size-responsive-64: calc(64px * var(--theme-responsive-factor));
--size-responsive-65: calc(65px * var(--theme-responsive-factor));
--size-responsive-66: calc(66px * var(--theme-responsive-factor));
--size-responsive-67: calc(67px * var(--theme-responsive-factor));
--size-responsive-68: calc(68px * var(--theme-responsive-factor));
--size-responsive-69: calc(69px * var(--theme-responsive-factor));
--size-responsive-70: calc(70px * var(--theme-responsive-factor));
--size-responsive-71: calc(71px * var(--theme-responsive-factor));
--size-responsive-72: calc(72px * var(--theme-responsive-factor));
--size-responsive-73: calc(73px * var(--theme-responsive-factor));
--size-responsive-74: calc(74px * var(--theme-responsive-factor));
--size-responsive-75: calc(75px * var(--theme-responsive-factor));
--size-responsive-76: calc(76px * var(--theme-responsive-factor));
--size-responsive-77: calc(77px * var(--theme-responsive-factor));
--size-responsive-78: calc(78px * var(--theme-responsive-factor));
--size-responsive-79: calc(79px * var(--theme-responsive-factor));
--size-responsive-80: calc(80px * var(--theme-responsive-factor));
--size-responsive-81: calc(81px * var(--theme-responsive-factor));
--size-responsive-82: calc(82px * var(--theme-responsive-factor));
--size-responsive-83: calc(83px * var(--theme-responsive-factor));
--size-responsive-84: calc(84px * var(--theme-responsive-factor));
--size-responsive-85: calc(85px * var(--theme-responsive-factor));
--size-responsive-86: calc(86px * var(--theme-responsive-factor));
--size-responsive-87: calc(87px * var(--theme-responsive-factor));
--size-responsive-88: calc(88px * var(--theme-responsive-factor));
--size-responsive-89: calc(89px * var(--theme-responsive-factor));
--size-responsive-90: calc(90px * var(--theme-responsive-factor));
--size-responsive-91: calc(91px * var(--theme-responsive-factor));
--size-responsive-92: calc(92px * var(--theme-responsive-factor));
--size-responsive-93: calc(93px * var(--theme-responsive-factor));
--size-responsive-94: calc(94px * var(--theme-responsive-factor));
--size-responsive-95: calc(95px * var(--theme-responsive-factor));
--size-responsive-96: calc(96px * var(--theme-responsive-factor));
--size-responsive-97: calc(97px * var(--theme-responsive-factor));
--size-responsive-98: calc(98px * var(--theme-responsive-factor));
--size-responsive-99: calc(99px * var(--theme-responsive-factor));
--size-responsive-100: calc(100px * var(--theme-responsive-factor))
}
}
@media only screen and (max-width: 767px) {
:root {
--size-scalable-0: calc(0px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-1: calc(1px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-2: calc(2px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-3: calc(3px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-4: calc(4px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-5: calc(5px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-6: calc(6px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-7: calc(7px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-8: calc(8px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-9: calc(9px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-10: calc(10px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-11: calc(11px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-12: calc(12px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-13: calc(13px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-14: calc(14px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-15: calc(15px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-16: calc(16px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-17: calc(17px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-18: calc(18px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-19: calc(19px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-20: calc(20px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-21: calc(21px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-22: calc(22px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-23: calc(23px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-24: calc(24px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-25: calc(25px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-26: calc(26px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-27: calc(27px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-28: calc(28px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-29: calc(29px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-30: calc(30px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-31: calc(31px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-32: calc(32px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-33: calc(33px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-34: calc(34px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-35: calc(35px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-36: calc(36px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-37: calc(37px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-38: calc(38px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-39: calc(39px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-40: calc(40px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-41: calc(41px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-42: calc(42px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-43: calc(43px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-44: calc(44px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-45: calc(45px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-46: calc(46px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-47: calc(47px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-48: calc(48px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-49: calc(49px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-50: calc(50px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-51: calc(51px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-52: calc(52px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-53: calc(53px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-54: calc(54px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-55: calc(55px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-56: calc(56px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-57: calc(57px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-58: calc(58px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-59: calc(59px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-60: calc(60px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-61: calc(61px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-62: calc(62px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-63: calc(63px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-64: calc(64px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-65: calc(65px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-66: calc(66px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-67: calc(67px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-68: calc(68px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-69: calc(69px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-70: calc(70px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-71: calc(71px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-72: calc(72px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-73: calc(73px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-74: calc(74px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-75: calc(75px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-76: calc(76px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-77: calc(77px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-78: calc(78px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-79: calc(79px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-80: calc(80px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-81: calc(81px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-82: calc(82px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-83: calc(83px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-84: calc(84px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-85: calc(85px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-86: calc(86px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-87: calc(87px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-88: calc(88px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-89: calc(89px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-90: calc(90px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-91: calc(91px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-92: calc(92px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-93: calc(93px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-94: calc(94px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-95: calc(95px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-96: calc(96px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-97: calc(97px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-98: calc(98px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-99: calc(99px * var(--theme-responsive-factor) * var(--theme-scale-factor));
--size-scalable-100: calc(100px * var(--theme-responsive-factor) * var(--theme-scale-factor))
}
}
@media only screen and (max-width: 767px) {
:root {
--size-rounded-none: 0px;
--size-rounded-small: calc(var(--theme-border-radius) * .6666666667 * var(--theme-responsive-factor));
--size-rounded-medium: calc(var(--theme-border-radius) * var(--theme-responsive-factor));
--size-rounded-large: calc(var(--theme-border-radius) * 1.3333333333 * var(--theme-responsive-factor));
--size-rounded-xlarge: calc(var(--theme-border-radius) * 1.6666666667 * var(--theme-responsive-factor));
--size-rounded-complete: 100%;
--size-rounded-pill: 9999px
}
}
}
@layer utilities {
.v-m-0 {
margin: var(--size-scalable-0)
}
.-v-m-0 {
margin: calc(var(--size-scalable-0)*-1)
}
.v-mt-0 {
margin-block-start:var(--size-scalable-0)}
.-v-mt-0 {
margin-block-start: calc(var(--size-scalable-0)*-1)
}
.v-mb-0 {
margin-block-end:var(--size-scalable-0)}
.-v-mb-0 {
margin-block-end: calc(var(--size-scalable-0)*-1)
}
.v-ml-0 {
margin-inline-start:var(--size-scalable-0)}
.-v-ml-0 {
margin-inline-start: calc(var(--size-scalable-0)*-1)
}
.v-mr-0 {
margin-inline-end:var(--size-scalable-0)}
.-v-mr-0 {
margin-inline-end: calc(var(--size-scalable-0)*-1)
}
.v-mx-0 {
margin-inline:var(--size-scalable-0)}
.-v-mx-0 {
margin-inline: calc(var(--size-scalable-0)*-1)
}
.v-my-0 {
margin-block:var(--size-scalable-0)}
.-v-my-0 {
margin-block: calc(var(--size-scalable-0)*-1)
}
.v-p-0 {
padding: var(--size-scalable-0)
}
.-v-p-0 {
padding: calc(var(--size-scalable-0)*-1)
}
.v-pt-0 {
padding-block-start:var(--size-scalable-0)}
.-v-pt-0 {
padding-block-start: calc(var(--size-scalable-0)*-1)
}
.v-pb-0 {
padding-block-end:var(--size-scalable-0)}
.-v-pb-0 {
padding-block-end: calc(var(--size-scalable-0)*-1)
}
.v-pl-0 {
padding-inline-start:var(--size-scalable-0)}
.-v-pl-0 {
padding-inline-start: calc(var(--size-scalable-0)*-1)
}
.v-pr-0 {
padding-inline-end:var(--size-scalable-0)}
.-v-pr-0 {
padding-inline-end: calc(var(--size-scalable-0)*-1)
}
.v-px-0 {
padding-inline:var(--size-scalable-0)}
.-v-px-0 {
padding-inline: calc(var(--size-scalable-0)*-1)
}
.v-py-0 {
padding-block:var(--size-scalable-0)}
.-v-py-0 {
padding-block: calc(var(--size-scalable-0)*-1)
}
.v-gap-0 {
gap: var(--size-scalable-0)
}
.-v-gap-0 {
gap: -0px
}
.v-col-gap-0 {
column-gap: var(--size-scalable-0)
}
.-v-col-gap-0 {
column-gap: calc(var(--size-scalable-0)*-1)
}
.v-row-gap-0 {
row-gap: var(--size-scalable-0)
}
.-v-row-gap-0 {
row-gap: calc(var(--size-scalable-0)*-1)
}
.v-m-1 {
margin: var(--size-scalable-1)
}
.-v-m-1 {
margin: calc(var(--size-scalable-1)*-1)
}
.v-mt-1 {
margin-block-start:var(--size-scalable-1)}
.-v-mt-1 {
margin-block-start: calc(var(--size-scalable-1)*-1)
}
.v-mb-1 {
margin-block-end:var(--size-scalable-1)}
.-v-mb-1 {
margin-block-end: calc(var(--size-scalable-1)*-1)
}
.v-ml-1 {
margin-inline-start:var(--size-scalable-1)}
.-v-ml-1 {
margin-inline-start: calc(var(--size-scalable-1)*-1)
}
.v-mr-1 {
margin-inline-end:var(--size-scalable-1)}
.-v-mr-1 {
margin-inline-end: calc(var(--size-scalable-1)*-1)
}
.v-mx-1 {
margin-inline:var(--size-scalable-1)}
.-v-mx-1 {
margin-inline: calc(var(--size-scalable-1)*-1)
}
.v-my-1 {
margin-block:var(--size-scalable-1)}
.-v-my-1 {
margin-block: calc(var(--size-scalable-1)*-1)
}
.v-p-1 {
padding: var(--size-scalable-1)
}
.-v-p-1 {
padding: calc(var(--size-scalable-1)*-1)
}
.v-pt-1 {
padding-block-start:var(--size-scalable-1)}
.-v-pt-1 {
padding-block-start: calc(var(--size-scalable-1)*-1)
}
.v-pb-1 {
padding-block-end:var(--size-scalable-1)}
.-v-pb-1 {
padding-block-end: calc(var(--size-scalable-1)*-1)
}
.v-pl-1 {
padding-inline-start:var(--size-scalable-1)}
.-v-pl-1 {
padding-inline-start: calc(var(--size-scalable-1)*-1)
}
.v-pr-1 {
padding-inline-end:var(--size-scalable-1)}
.-v-pr-1 {
padding-inline-end: calc(var(--size-scalable-1)*-1)
}
.v-px-1 {
padding-inline:var(--size-scalable-1)}
.-v-px-1 {
padding-inline: calc(var(--size-scalable-1)*-1)
}
.v-py-1 {
padding-block:var(--size-scalable-1)}
.-v-py-1 {
padding-block: calc(var(--size-scalable-1)*-1)
}
.v-gap-1 {
gap: var(--size-scalable-1)
}
.-v-gap-1 {
gap: -1px
}
.v-col-gap-1 {
column-gap: var(--size-scalable-1)
}
.-v-col-gap-1 {
column-gap: calc(var(--size-scalable-1)*-1)
}
.v-row-gap-1 {
row-gap: var(--size-scalable-1)
}
.-v-row-gap-1 {
row-gap: calc(var(--size-scalable-1)*-1)
}
.v-m-2 {
margin: var(--size-scalable-2)
}
.-v-m-2 {
margin: calc(var(--size-scalable-2)*-1)
}
.v-mt-2 {
margin-block-start:var(--size-scalable-2)}
.-v-mt-2 {
margin-block-start: calc(var(--size-scalable-2)*-1)
}
.v-mb-2 {
margin-block-end:var(--size-scalable-2)}
.-v-mb-2 {
margin-block-end: calc(var(--size-scalable-2)*-1)
}
.v-ml-2 {
margin-inline-start:var(--size-scalable-2)}
.-v-ml-2 {
margin-inline-start: calc(var(--size-scalable-2)*-1)
}
.v-mr-2 {
margin-inline-end:var(--size-scalable-2)}
.-v-mr-2 {
margin-inline-end: calc(var(--size-scalable-2)*-1)
}
.v-mx-2 {
margin-inline:var(--size-scalable-2)}
.-v-mx-2 {
margin-inline: calc(var(--size-scalable-2)*-1)
}
.v-my-2 {
margin-block:var(--size-scalable-2)}
.-v-my-2 {
margin-block: calc(var(--size-scalable-2)*-1)
}
.v-p-2 {
padding: var(--size-scalable-2)
}
.-v-p-2 {
padding: calc(var(--size-scalable-2)*-1)
}
.v-pt-2 {
padding-block-start:var(--size-scalable-2)}
.-v-pt-2 {
padding-block-start: calc(var(--size-scalable-2)*-1)
}
.v-pb-2 {
padding-block-end:var(--size-scalable-2)}
.-v-pb-2 {
padding-block-end: calc(var(--size-scalable-2)*-1)
}
.v-pl-2 {
padding-inline-start:var(--size-scalable-2)}
.-v-pl-2 {
padding-inline-start: calc(var(--size-scalable-2)*-1)
}
.v-pr-2 {
padding-inline-end:var(--size-scalable-2)}
.-v-pr-2 {
padding-inline-end: calc(var(--size-scalable-2)*-1)
}
.v-px-2 {
padding-inline:var(--size-scalable-2)}
.-v-px-2 {
padding-inline: calc(var(--size-scalable-2)*-1)
}
.v-py-2 {
padding-block:var(--size-scalable-2)}
.-v-py-2 {
padding-block: calc(var(--size-scalable-2)*-1)
}
.v-gap-2 {
gap: var(--size-scalable-2)
}
.-v-gap-2 {
gap: -2px
}
.v-col-gap-2 {
column-gap: var(--size-scalable-2)
}
.-v-col-gap-2 {
column-gap: calc(var(--size-scalable-2)*-1)
}
.v-row-gap-2 {
row-gap: var(--size-scalable-2)
}
.-v-row-gap-2 {
row-gap: calc(var(--size-scalable-2)*-1)
}
.v-m-3 {
margin: var(--size-scalable-3)
}
.-v-m-3 {
margin: calc(var(--size-scalable-3)*-1)
}
.v-mt-3 {
margin-block-start:var(--size-scalable-3)}
.-v-mt-3 {
margin-block-start: calc(var(--size-scalable-3)*-1)
}
.v-mb-3 {
margin-block-end:var(--size-scalable-3)}
.-v-mb-3 {
margin-block-end: calc(var(--size-scalable-3)*-1)
}
.v-ml-3 {
margin-inline-start:var(--size-scalable-3)}
.-v-ml-3 {
margin-inline-start: calc(var(--size-scalable-3)*-1)
}
.v-mr-3 {
margin-inline-end:var(--size-scalable-3)}
.-v-mr-3 {
margin-inline-end: calc(var(--size-scalable-3)*-1)
}
.v-mx-3 {
margin-inline:var(--size-scalable-3)}
.-v-mx-3 {
margin-inline: calc(var(--size-scalable-3)*-1)
}
.v-my-3 {
margin-block:var(--size-scalable-3)}
.-v-my-3 {
margin-block: calc(var(--size-scalable-3)*-1)
}
.v-p-3 {
padding: var(--size-scalable-3)
}
.-v-p-3 {
padding: calc(var(--size-scalable-3)*-1)
}
.v-pt-3 {
padding-block-start:var(--size-scalable-3)}
.-v-pt-3 {
padding-block-start: calc(var(--size-scalable-3)*-1)
}
.v-pb-3 {
padding-block-end:var(--size-scalable-3)}
.-v-pb-3 {
padding-block-end: calc(var(--size-scalable-3)*-1)
}
.v-pl-3 {
padding-inline-start:var(--size-scalable-3)}
.-v-pl-3 {
padding-inline-start: calc(var(--size-scalable-3)*-1)
}
.v-pr-3 {
padding-inline-end:var(--size-scalable-3)}
.-v-pr-3 {
padding-inline-end: calc(var(--size-scalable-3)*-1)
}
.v-px-3 {
padding-inline:var(--size-scalable-3)}
.-v-px-3 {
padding-inline: calc(var(--size-scalable-3)*-1)
}
.v-py-3 {
padding-block:var(--size-scalable-3)}
.-v-py-3 {
padding-block: calc(var(--size-scalable-3)*-1)
}
.v-gap-3 {
gap: var(--size-scalable-3)
}
.-v-gap-3 {
gap: -3px
}
.v-col-gap-3 {
column-gap: var(--size-scalable-3)
}
.-v-col-gap-3 {
column-gap: calc(var(--size-scalable-3)*-1)
}
.v-row-gap-3 {
row-gap: var(--size-scalable-3)
}
.-v-row-gap-3 {
row-gap: calc(var(--size-scalable-3)*-1)
}
.v-m-4 {
margin: var(--size-scalable-4)
}
.-v-m-4 {
margin: calc(var(--size-scalable-4)*-1)
}
.v-mt-4 {
margin-block-start:var(--size-scalable-4)}
.-v-mt-4 {
margin-block-start: calc(var(--size-scalable-4)*-1)
}
.v-mb-4 {
margin-block-end:var(--size-scalable-4)}
.-v-mb-4 {
margin-block-end: calc(var(--size-scalable-4)*-1)
}
.v-ml-4 {
margin-inline-start:var(--size-scalable-4)}
.-v-ml-4 {
margin-inline-start: calc(var(--size-scalable-4)*-1)
}
.v-mr-4 {
margin-inline-end:var(--size-scalable-4)}
.-v-mr-4 {
margin-inline-end: calc(var(--size-scalable-4)*-1)
}
.v-mx-4 {
margin-inline:var(--size-scalable-4)}
.-v-mx-4 {
margin-inline: calc(var(--size-scalable-4)*-1)
}
.v-my-4 {
margin-block:var(--size-scalable-4)}
.-v-my-4 {
margin-block: calc(var(--size-scalable-4)*-1)
}
.v-p-4 {
padding: var(--size-scalable-4)
}
.-v-p-4 {
padding: calc(var(--size-scalable-4)*-1)
}
.v-pt-4 {
padding-block-start:var(--size-scalable-4)}
.-v-pt-4 {
padding-block-start: calc(var(--size-scalable-4)*-1)
}
.v-pb-4 {
padding-block-end:var(--size-scalable-4)}
.-v-pb-4 {
padding-block-end: calc(var(--size-scalable-4)*-1)
}
.v-pl-4 {
padding-inline-start:var(--size-scalable-4)}
.-v-pl-4 {
padding-inline-start: calc(var(--size-scalable-4)*-1)
}
.v-pr-4 {
padding-inline-end:var(--size-scalable-4)}
.-v-pr-4 {
padding-inline-end: calc(var(--size-scalable-4)*-1)
}
.v-px-4 {
padding-inline:var(--size-scalable-4)}
.-v-px-4 {
padding-inline: calc(var(--size-scalable-4)*-1)
}
.v-py-4 {
padding-block:var(--size-scalable-4)}
.-v-py-4 {
padding-block: calc(var(--size-scalable-4)*-1)
}
.v-gap-4 {
gap: var(--size-scalable-4)
}
.-v-gap-4 {
gap: -4px
}
.v-col-gap-4 {
column-gap: var(--size-scalable-4)
}
.-v-col-gap-4 {
column-gap: calc(var(--size-scalable-4)*-1)
}
.v-row-gap-4 {
row-gap: var(--size-scalable-4)
}
.-v-row-gap-4 {
row-gap: calc(var(--size-scalable-4)*-1)
}
.v-m-5 {
margin: var(--size-scalable-5)
}
.-v-m-5 {
margin: calc(var(--size-scalable-5)*-1)
}
.v-mt-5 {
margin-block-start:var(--size-scalable-5)}
.-v-mt-5 {
margin-block-start: calc(var(--size-scalable-5)*-1)
}
.v-mb-5 {
margin-block-end:var(--size-scalable-5)}
.-v-mb-5 {
margin-block-end: calc(var(--size-scalable-5)*-1)
}
.v-ml-5 {
margin-inline-start:var(--size-scalable-5)}
.-v-ml-5 {
margin-inline-start: calc(var(--size-scalable-5)*-1)
}
.v-mr-5 {
margin-inline-end:var(--size-scalable-5)}
.-v-mr-5 {
margin-inline-end: calc(var(--size-scalable-5)*-1)
}
.v-mx-5 {
margin-inline:var(--size-scalable-5)}
.-v-mx-5 {
margin-inline: calc(var(--size-scalable-5)*-1)
}
.v-my-5 {
margin-block:var(--size-scalable-5)}
.-v-my-5 {
margin-block: calc(var(--size-scalable-5)*-1)
}
.v-p-5 {
padding: var(--size-scalable-5)
}
.-v-p-5 {
padding: calc(var(--size-scalable-5)*-1)
}
.v-pt-5 {
padding-block-start:var(--size-scalable-5)}
.-v-pt-5 {
padding-block-start: calc(var(--size-scalable-5)*-1)
}
.v-pb-5 {
padding-block-end:var(--size-scalable-5)}
.-v-pb-5 {
padding-block-end: calc(var(--size-scalable-5)*-1)
}
.v-pl-5 {
padding-inline-start:var(--size-scalable-5)}
.-v-pl-5 {
padding-inline-start: calc(var(--size-scalable-5)*-1)
}
.v-pr-5 {
padding-inline-end:var(--size-scalable-5)}
.-v-pr-5 {
padding-inline-end: calc(var(--size-scalable-5)*-1)
}
.v-px-5 {
padding-inline:var(--size-scalable-5)}
.-v-px-5 {
padding-inline: calc(var(--size-scalable-5)*-1)
}
.v-py-5 {
padding-block:var(--size-scalable-5)}
.-v-py-5 {
padding-block: calc(var(--size-scalable-5)*-1)
}
.v-gap-5 {
gap: var(--size-scalable-5)
}
.-v-gap-5 {
gap: -5px
}
.v-col-gap-5 {
column-gap: var(--size-scalable-5)
}
.-v-col-gap-5 {
column-gap: calc(var(--size-scalable-5)*-1)
}
.v-row-gap-5 {
row-gap: var(--size-scalable-5)
}
.-v-row-gap-5 {
row-gap: calc(var(--size-scalable-5)*-1)
}
.v-m-6 {
margin: var(--size-scalable-6)
}
.-v-m-6 {
margin: calc(var(--size-scalable-6)*-1)
}
.v-mt-6 {
margin-block-start:var(--size-scalable-6)}
.-v-mt-6 {
margin-block-start: calc(var(--size-scalable-6)*-1)
}
.v-mb-6 {
margin-block-end:var(--size-scalable-6)}
.-v-mb-6 {
margin-block-end: calc(var(--size-scalable-6)*-1)
}
.v-ml-6 {
margin-inline-start:var(--size-scalable-6)}
.-v-ml-6 {
margin-inline-start: calc(var(--size-scalable-6)*-1)
}
.v-mr-6 {
margin-inline-end:var(--size-scalable-6)}
.-v-mr-6 {
margin-inline-end: calc(var(--size-scalable-6)*-1)
}
.v-mx-6 {
margin-inline:var(--size-scalable-6)}
.-v-mx-6 {
margin-inline: calc(var(--size-scalable-6)*-1)
}
.v-my-6 {
margin-block:var(--size-scalable-6)}
.-v-my-6 {
margin-block: calc(var(--size-scalable-6)*-1)
}
.v-p-6 {
padding: var(--size-scalable-6)
}
.-v-p-6 {
padding: calc(var(--size-scalable-6)*-1)
}
.v-pt-6 {
padding-block-start:var(--size-scalable-6)}
.-v-pt-6 {
padding-block-start: calc(var(--size-scalable-6)*-1)
}
.v-pb-6 {
padding-block-end:var(--size-scalable-6)}
.-v-pb-6 {
padding-block-end: calc(var(--size-scalable-6)*-1)
}
.v-pl-6 {
padding-inline-start:var(--size-scalable-6)}
.-v-pl-6 {
padding-inline-start: calc(var(--size-scalable-6)*-1)
}
.v-pr-6 {
padding-inline-end:var(--size-scalable-6)}
.-v-pr-6 {
padding-inline-end: calc(var(--size-scalable-6)*-1)
}
.v-px-6 {
padding-inline:var(--size-scalable-6)}
.-v-px-6 {
padding-inline: calc(var(--size-scalable-6)*-1)
}
.v-py-6 {
padding-block:var(--size-scalable-6)}
.-v-py-6 {
padding-block: calc(var(--size-scalable-6)*-1)
}
.v-gap-6 {
gap: var(--size-scalable-6)
}
.-v-gap-6 {
gap: -6px
}
.v-col-gap-6 {
column-gap: var(--size-scalable-6)
}
.-v-col-gap-6 {
column-gap: calc(var(--size-scalable-6)*-1)
}
.v-row-gap-6 {
row-gap: var(--size-scalable-6)
}
.-v-row-gap-6 {
row-gap: calc(var(--size-scalable-6)*-1)
}
.v-m-7 {
margin: var(--size-scalable-7)
}
.-v-m-7 {
margin: calc(var(--size-scalable-7)*-1)
}
.v-mt-7 {
margin-block-start:var(--size-scalable-7)}
.-v-mt-7 {
margin-block-start: calc(var(--size-scalable-7)*-1)
}
.v-mb-7 {
margin-block-end:var(--size-scalable-7)}
.-v-mb-7 {
margin-block-end: calc(var(--size-scalable-7)*-1)
}
.v-ml-7 {
margin-inline-start:var(--size-scalable-7)}
.-v-ml-7 {
margin-inline-start: calc(var(--size-scalable-7)*-1)
}
.v-mr-7 {
margin-inline-end:var(--size-scalable-7)}
.-v-mr-7 {
margin-inline-end: calc(var(--size-scalable-7)*-1)
}
.v-mx-7 {
margin-inline:var(--size-scalable-7)}
.-v-mx-7 {
margin-inline: calc(var(--size-scalable-7)*-1)
}
.v-my-7 {
margin-block:var(--size-scalable-7)}
.-v-my-7 {
margin-block: calc(var(--size-scalable-7)*-1)
}
.v-p-7 {
padding: var(--size-scalable-7)
}
.-v-p-7 {
padding: calc(var(--size-scalable-7)*-1)
}
.v-pt-7 {
padding-block-start:var(--size-scalable-7)}
.-v-pt-7 {
padding-block-start: calc(var(--size-scalable-7)*-1)
}
.v-pb-7 {
padding-block-end:var(--size-scalable-7)}
.-v-pb-7 {
padding-block-end: calc(var(--size-scalable-7)*-1)
}
.v-pl-7 {
padding-inline-start:var(--size-scalable-7)}
.-v-pl-7 {
padding-inline-start: calc(var(--size-scalable-7)*-1)
}
.v-pr-7 {
padding-inline-end:var(--size-scalable-7)}
.-v-pr-7 {
padding-inline-end: calc(var(--size-scalable-7)*-1)
}
.v-px-7 {
padding-inline:var(--size-scalable-7)}
.-v-px-7 {
padding-inline: calc(var(--size-scalable-7)*-1)
}
.v-py-7 {
padding-block:var(--size-scalable-7)}
.-v-py-7 {
padding-block: calc(var(--size-scalable-7)*-1)
}
.v-gap-7 {
gap: var(--size-scalable-7)
}
.-v-gap-7 {
gap: -7px
}
.v-col-gap-7 {
column-gap: var(--size-scalable-7)
}
.-v-col-gap-7 {
column-gap: calc(var(--size-scalable-7)*-1)
}
.v-row-gap-7 {
row-gap: var(--size-scalable-7)
}
.-v-row-gap-7 {
row-gap: calc(var(--size-scalable-7)*-1)
}
.v-m-8 {
margin: var(--size-scalable-8)
}
.-v-m-8 {
margin: calc(var(--size-scalable-8)*-1)
}
.v-mt-8 {
margin-block-start:var(--size-scalable-8)}
.-v-mt-8 {
margin-block-start: calc(var(--size-scalable-8)*-1)
}
.v-mb-8 {
margin-block-end:var(--size-scalable-8)}
.-v-mb-8 {
margin-block-end: calc(var(--size-scalable-8)*-1)
}
.v-ml-8 {
margin-inline-start:var(--size-scalable-8)}
.-v-ml-8 {
margin-inline-start: calc(var(--size-scalable-8)*-1)
}
.v-mr-8 {
margin-inline-end:var(--size-scalable-8)}
.-v-mr-8 {
margin-inline-end: calc(var(--size-scalable-8)*-1)
}
.v-mx-8 {
margin-inline:var(--size-scalable-8)}
.-v-mx-8 {
margin-inline: calc(var(--size-scalable-8)*-1)
}
.v-my-8 {
margin-block:var(--size-scalable-8)}
.-v-my-8 {
margin-block: calc(var(--size-scalable-8)*-1)
}
.v-p-8 {
padding: var(--size-scalable-8)
}
.-v-p-8 {
padding: calc(var(--size-scalable-8)*-1)
}
.v-pt-8 {
padding-block-start:var(--size-scalable-8)}
.-v-pt-8 {
padding-block-start: calc(var(--size-scalable-8)*-1)
}
.v-pb-8 {
padding-block-end:var(--size-scalable-8)}
.-v-pb-8 {
padding-block-end: calc(var(--size-scalable-8)*-1)
}
.v-pl-8 {
padding-inline-start:var(--size-scalable-8)}
.-v-pl-8 {
padding-inline-start: calc(var(--size-scalable-8)*-1)
}
.v-pr-8 {
padding-inline-end:var(--size-scalable-8)}
.-v-pr-8 {
padding-inline-end: calc(var(--size-scalable-8)*-1)
}
.v-px-8 {
padding-inline:var(--size-scalable-8)}
.-v-px-8 {
padding-inline: calc(var(--size-scalable-8)*-1)
}
.v-py-8 {
padding-block:var(--size-scalable-8)}
.-v-py-8 {
padding-block: calc(var(--size-scalable-8)*-1)
}
.v-gap-8 {
gap: var(--size-scalable-8)
}
.-v-gap-8 {
gap: -8px
}
.v-col-gap-8 {
column-gap: var(--size-scalable-8)
}
.-v-col-gap-8 {
column-gap: calc(var(--size-scalable-8)*-1)
}
.v-row-gap-8 {
row-gap: var(--size-scalable-8)
}
.-v-row-gap-8 {
row-gap: calc(var(--size-scalable-8)*-1)
}
.v-m-9 {
margin: var(--size-scalable-9)
}
.-v-m-9 {
margin: calc(var(--size-scalable-9)*-1)
}
.v-mt-9 {
margin-block-start:var(--size-scalable-9)}
.-v-mt-9 {
margin-block-start: calc(var(--size-scalable-9)*-1)
}
.v-mb-9 {
margin-block-end:var(--size-scalable-9)}
.-v-mb-9 {
margin-block-end: calc(var(--size-scalable-9)*-1)
}
.v-ml-9 {
margin-inline-start:var(--size-scalable-9)}
.-v-ml-9 {
margin-inline-start: calc(var(--size-scalable-9)*-1)
}
.v-mr-9 {
margin-inline-end:var(--size-scalable-9)}
.-v-mr-9 {
margin-inline-end: calc(var(--size-scalable-9)*-1)
}
.v-mx-9 {
margin-inline:var(--size-scalable-9)}
.-v-mx-9 {
margin-inline: calc(var(--size-scalable-9)*-1)
}
.v-my-9 {
margin-block:var(--size-scalable-9)}
.-v-my-9 {
margin-block: calc(var(--size-scalable-9)*-1)
}
.v-p-9 {
padding: var(--size-scalable-9)
}
.-v-p-9 {
padding: calc(var(--size-scalable-9)*-1)
}
.v-pt-9 {
padding-block-start:var(--size-scalable-9)}
.-v-pt-9 {
padding-block-start: calc(var(--size-scalable-9)*-1)
}
.v-pb-9 {
padding-block-end:var(--size-scalable-9)}
.-v-pb-9 {
padding-block-end: calc(var(--size-scalable-9)*-1)
}
.v-pl-9 {
padding-inline-start:var(--size-scalable-9)}
.-v-pl-9 {
padding-inline-start: calc(var(--size-scalable-9)*-1)
}
.v-pr-9 {
padding-inline-end:var(--size-scalable-9)}
.-v-pr-9 {
padding-inline-end: calc(var(--size-scalable-9)*-1)
}
.v-px-9 {
padding-inline:var(--size-scalable-9)}
.-v-px-9 {
padding-inline: calc(var(--size-scalable-9)*-1)
}
.v-py-9 {
padding-block:var(--size-scalable-9)}
.-v-py-9 {
padding-block: calc(var(--size-scalable-9)*-1)
}
.v-gap-9 {
gap: var(--size-scalable-9)
}
.-v-gap-9 {
gap: -9px
}
.v-col-gap-9 {
column-gap: var(--size-scalable-9)
}
.-v-col-gap-9 {
column-gap: calc(var(--size-scalable-9)*-1)
}
.v-row-gap-9 {
row-gap: var(--size-scalable-9)
}
.-v-row-gap-9 {
row-gap: calc(var(--size-scalable-9)*-1)
}
.v-m-10 {
margin: var(--size-scalable-10)
}
.-v-m-10 {
margin: calc(var(--size-scalable-10)*-1)
}
.v-mt-10 {
margin-block-start:var(--size-scalable-10)}
.-v-mt-10 {
margin-block-start: calc(var(--size-scalable-10)*-1)
}
.v-mb-10 {
margin-block-end:var(--size-scalable-10)}
.-v-mb-10 {
margin-block-end: calc(var(--size-scalable-10)*-1)
}
.v-ml-10 {
margin-inline-start:var(--size-scalable-10)}
.-v-ml-10 {
margin-inline-start: calc(var(--size-scalable-10)*-1)
}
.v-mr-10 {
margin-inline-end:var(--size-scalable-10)}
.-v-mr-10 {
margin-inline-end: calc(var(--size-scalable-10)*-1)
}
.v-mx-10 {
margin-inline:var(--size-scalable-10)}
.-v-mx-10 {
margin-inline: calc(var(--size-scalable-10)*-1)
}
.v-my-10 {
margin-block:var(--size-scalable-10)}
.-v-my-10 {
margin-block: calc(var(--size-scalable-10)*-1)
}
.v-p-10 {
padding: var(--size-scalable-10)
}
.-v-p-10 {
padding: calc(var(--size-scalable-10)*-1)
}
.v-pt-10 {
padding-block-start:var(--size-scalable-10)}
.-v-pt-10 {
padding-block-start: calc(var(--size-scalable-10)*-1)
}
.v-pb-10 {
padding-block-end:var(--size-scalable-10)}
.-v-pb-10 {
padding-block-end: calc(var(--size-scalable-10)*-1)
}
.v-pl-10 {
padding-inline-start:var(--size-scalable-10)}
.-v-pl-10 {
padding-inline-start: calc(var(--size-scalable-10)*-1)
}
.v-pr-10 {
padding-inline-end:var(--size-scalable-10)}
.-v-pr-10 {
padding-inline-end: calc(var(--size-scalable-10)*-1)
}
.v-px-10 {
padding-inline:var(--size-scalable-10)}
.-v-px-10 {
padding-inline: calc(var(--size-scalable-10)*-1)
}
.v-py-10 {
padding-block:var(--size-scalable-10)}
.-v-py-10 {
padding-block: calc(var(--size-scalable-10)*-1)
}
.v-gap-10 {
gap: var(--size-scalable-10)
}
.-v-gap-10 {
gap: -10px
}
.v-col-gap-10 {
column-gap: var(--size-scalable-10)
}
.-v-col-gap-10 {
column-gap: calc(var(--size-scalable-10)*-1)
}
.v-row-gap-10 {
row-gap: var(--size-scalable-10)
}
.-v-row-gap-10 {
row-gap: calc(var(--size-scalable-10)*-1)
}
.v-m-11 {
margin: var(--size-scalable-11)
}
.-v-m-11 {
margin: calc(var(--size-scalable-11)*-1)
}
.v-mt-11 {
margin-block-start:var(--size-scalable-11)}
.-v-mt-11 {
margin-block-start: calc(var(--size-scalable-11)*-1)
}
.v-mb-11 {
margin-block-end:var(--size-scalable-11)}
.-v-mb-11 {
margin-block-end: calc(var(--size-scalable-11)*-1)
}
.v-ml-11 {
margin-inline-start:var(--size-scalable-11)}
.-v-ml-11 {
margin-inline-start: calc(var(--size-scalable-11)*-1)
}
.v-mr-11 {
margin-inline-end:var(--size-scalable-11)}
.-v-mr-11 {
margin-inline-end: calc(var(--size-scalable-11)*-1)
}
.v-mx-11 {
margin-inline:var(--size-scalable-11)}
.-v-mx-11 {
margin-inline: calc(var(--size-scalable-11)*-1)
}
.v-my-11 {
margin-block:var(--size-scalable-11)}
.-v-my-11 {
margin-block: calc(var(--size-scalable-11)*-1)
}
.v-p-11 {
padding: var(--size-scalable-11)
}
.-v-p-11 {
padding: calc(var(--size-scalable-11)*-1)
}
.v-pt-11 {
padding-block-start:var(--size-scalable-11)}
.-v-pt-11 {
padding-block-start: calc(var(--size-scalable-11)*-1)
}
.v-pb-11 {
padding-block-end:var(--size-scalable-11)}
.-v-pb-11 {
padding-block-end: calc(var(--size-scalable-11)*-1)
}
.v-pl-11 {
padding-inline-start:var(--size-scalable-11)}
.-v-pl-11 {
padding-inline-start: calc(var(--size-scalable-11)*-1)
}
.v-pr-11 {
padding-inline-end:var(--size-scalable-11)}
.-v-pr-11 {
padding-inline-end: calc(var(--size-scalable-11)*-1)
}
.v-px-11 {
padding-inline:var(--size-scalable-11)}
.-v-px-11 {
padding-inline: calc(var(--size-scalable-11)*-1)
}
.v-py-11 {
padding-block:var(--size-scalable-11)}
.-v-py-11 {
padding-block: calc(var(--size-scalable-11)*-1)
}
.v-gap-11 {
gap: var(--size-scalable-11)
}
.-v-gap-11 {
gap: -11px
}
.v-col-gap-11 {
column-gap: var(--size-scalable-11)
}
.-v-col-gap-11 {
column-gap: calc(var(--size-scalable-11)*-1)
}
.v-row-gap-11 {
row-gap: var(--size-scalable-11)
}
.-v-row-gap-11 {
row-gap: calc(var(--size-scalable-11)*-1)
}
.v-m-12 {
margin: var(--size-scalable-12)
}
.-v-m-12 {
margin: calc(var(--size-scalable-12)*-1)
}
.v-mt-12 {
margin-block-start:var(--size-scalable-12)}
.-v-mt-12 {
margin-block-start: calc(var(--size-scalable-12)*-1)
}
.v-mb-12 {
margin-block-end:var(--size-scalable-12)}
.-v-mb-12 {
margin-block-end: calc(var(--size-scalable-12)*-1)
}
.v-ml-12 {
margin-inline-start:var(--size-scalable-12)}
.-v-ml-12 {
margin-inline-start: calc(var(--size-scalable-12)*-1)
}
.v-mr-12 {
margin-inline-end:var(--size-scalable-12)}
.-v-mr-12 {
margin-inline-end: calc(var(--size-scalable-12)*-1)
}
.v-mx-12 {
margin-inline:var(--size-scalable-12)}
.-v-mx-12 {
margin-inline: calc(var(--size-scalable-12)*-1)
}
.v-my-12 {
margin-block:var(--size-scalable-12)}
.-v-my-12 {
margin-block: calc(var(--size-scalable-12)*-1)
}
.v-p-12 {
padding: var(--size-scalable-12)
}
.-v-p-12 {
padding: calc(var(--size-scalable-12)*-1)
}
.v-pt-12 {
padding-block-start:var(--size-scalable-12)}
.-v-pt-12 {
padding-block-start: calc(var(--size-scalable-12)*-1)
}
.v-pb-12 {
padding-block-end:var(--size-scalable-12)}
.-v-pb-12 {
padding-block-end: calc(var(--size-scalable-12)*-1)
}
.v-pl-12 {
padding-inline-start:var(--size-scalable-12)}
.-v-pl-12 {
padding-inline-start: calc(var(--size-scalable-12)*-1)
}
.v-pr-12 {
padding-inline-end:var(--size-scalable-12)}
.-v-pr-12 {
padding-inline-end: calc(var(--size-scalable-12)*-1)
}
.v-px-12 {
padding-inline:var(--size-scalable-12)}
.-v-px-12 {
padding-inline: calc(var(--size-scalable-12)*-1)
}
.v-py-12 {
padding-block:var(--size-scalable-12)}
.-v-py-12 {
padding-block: calc(var(--size-scalable-12)*-1)
}
.v-gap-12 {
gap: var(--size-scalable-12)
}
.-v-gap-12 {
gap: -12px
}
.v-col-gap-12 {
column-gap: var(--size-scalable-12)
}
.-v-col-gap-12 {
column-gap: calc(var(--size-scalable-12)*-1)
}
.v-row-gap-12 {
row-gap: var(--size-scalable-12)
}
.-v-row-gap-12 {
row-gap: calc(var(--size-scalable-12)*-1)
}
.v-m-13 {
margin: var(--size-scalable-13)
}
.-v-m-13 {
margin: calc(var(--size-scalable-13)*-1)
}
.v-mt-13 {
margin-block-start:var(--size-scalable-13)}
.-v-mt-13 {
margin-block-start: calc(var(--size-scalable-13)*-1)
}
.v-mb-13 {
margin-block-end:var(--size-scalable-13)}
.-v-mb-13 {
margin-block-end: calc(var(--size-scalable-13)*-1)
}
.v-ml-13 {
margin-inline-start:var(--size-scalable-13)}
.-v-ml-13 {
margin-inline-start: calc(var(--size-scalable-13)*-1)
}
.v-mr-13 {
margin-inline-end:var(--size-scalable-13)}
.-v-mr-13 {
margin-inline-end: calc(var(--size-scalable-13)*-1)
}
.v-mx-13 {
margin-inline:var(--size-scalable-13)}
.-v-mx-13 {
margin-inline: calc(var(--size-scalable-13)*-1)
}
.v-my-13 {
margin-block:var(--size-scalable-13)}
.-v-my-13 {
margin-block: calc(var(--size-scalable-13)*-1)
}
.v-p-13 {
padding: var(--size-scalable-13)
}
.-v-p-13 {
padding: calc(var(--size-scalable-13)*-1)
}
.v-pt-13 {
padding-block-start:var(--size-scalable-13)}
.-v-pt-13 {
padding-block-start: calc(var(--size-scalable-13)*-1)
}
.v-pb-13 {
padding-block-end:var(--size-scalable-13)}
.-v-pb-13 {
padding-block-end: calc(var(--size-scalable-13)*-1)
}
.v-pl-13 {
padding-inline-start:var(--size-scalable-13)}
.-v-pl-13 {
padding-inline-start: calc(var(--size-scalable-13)*-1)
}
.v-pr-13 {
padding-inline-end:var(--size-scalable-13)}
.-v-pr-13 {
padding-inline-end: calc(var(--size-scalable-13)*-1)
}
.v-px-13 {
padding-inline:var(--size-scalable-13)}
.-v-px-13 {
padding-inline: calc(var(--size-scalable-13)*-1)
}
.v-py-13 {
padding-block:var(--size-scalable-13)}
.-v-py-13 {
padding-block: calc(var(--size-scalable-13)*-1)
}
.v-gap-13 {
gap: var(--size-scalable-13)
}
.-v-gap-13 {
gap: -13px
}
.v-col-gap-13 {
column-gap: var(--size-scalable-13)
}
.-v-col-gap-13 {
column-gap: calc(var(--size-scalable-13)*-1)
}
.v-row-gap-13 {
row-gap: var(--size-scalable-13)
}
.-v-row-gap-13 {
row-gap: calc(var(--size-scalable-13)*-1)
}
.v-m-14 {
margin: var(--size-scalable-14)
}
.-v-m-14 {
margin: calc(var(--size-scalable-14)*-1)
}
.v-mt-14 {
margin-block-start:var(--size-scalable-14)}
.-v-mt-14 {
margin-block-start: calc(var(--size-scalable-14)*-1)
}
.v-mb-14 {
margin-block-end:var(--size-scalable-14)}
.-v-mb-14 {
margin-block-end: calc(var(--size-scalable-14)*-1)
}
.v-ml-14 {
margin-inline-start:var(--size-scalable-14)}
.-v-ml-14 {
margin-inline-start: calc(var(--size-scalable-14)*-1)
}
.v-mr-14 {
margin-inline-end:var(--size-scalable-14)}
.-v-mr-14 {
margin-inline-end: calc(var(--size-scalable-14)*-1)
}
.v-mx-14 {
margin-inline:var(--size-scalable-14)}
.-v-mx-14 {
margin-inline: calc(var(--size-scalable-14)*-1)
}
.v-my-14 {
margin-block:var(--size-scalable-14)}
.-v-my-14 {
margin-block: calc(var(--size-scalable-14)*-1)
}
.v-p-14 {
padding: var(--size-scalable-14)
}
.-v-p-14 {
padding: calc(var(--size-scalable-14)*-1)
}
.v-pt-14 {
padding-block-start:var(--size-scalable-14)}
.-v-pt-14 {
padding-block-start: calc(var(--size-scalable-14)*-1)
}
.v-pb-14 {
padding-block-end:var(--size-scalable-14)}
.-v-pb-14 {
padding-block-end: calc(var(--size-scalable-14)*-1)
}
.v-pl-14 {
padding-inline-start:var(--size-scalable-14)}
.-v-pl-14 {
padding-inline-start: calc(var(--size-scalable-14)*-1)
}
.v-pr-14 {
padding-inline-end:var(--size-scalable-14)}
.-v-pr-14 {
padding-inline-end: calc(var(--size-scalable-14)*-1)
}
.v-px-14 {
padding-inline:var(--size-scalable-14)}
.-v-px-14 {
padding-inline: calc(var(--size-scalable-14)*-1)
}
.v-py-14 {
padding-block:var(--size-scalable-14)}
.-v-py-14 {
padding-block: calc(var(--size-scalable-14)*-1)
}
.v-gap-14 {
gap: var(--size-scalable-14)
}
.-v-gap-14 {
gap: -14px
}
.v-col-gap-14 {
column-gap: var(--size-scalable-14)
}
.-v-col-gap-14 {
column-gap: calc(var(--size-scalable-14)*-1)
}
.v-row-gap-14 {
row-gap: var(--size-scalable-14)
}
.-v-row-gap-14 {
row-gap: calc(var(--size-scalable-14)*-1)
}
.v-m-15 {
margin: var(--size-scalable-15)
}
.-v-m-15 {
margin: calc(var(--size-scalable-15)*-1)
}
.v-mt-15 {
margin-block-start:var(--size-scalable-15)}
.-v-mt-15 {
margin-block-start: calc(var(--size-scalable-15)*-1)
}
.v-mb-15 {
margin-block-end:var(--size-scalable-15)}
.-v-mb-15 {
margin-block-end: calc(var(--size-scalable-15)*-1)
}
.v-ml-15 {
margin-inline-start:var(--size-scalable-15)}
.-v-ml-15 {
margin-inline-start: calc(var(--size-scalable-15)*-1)
}
.v-mr-15 {
margin-inline-end:var(--size-scalable-15)}
.-v-mr-15 {
margin-inline-end: calc(var(--size-scalable-15)*-1)
}
.v-mx-15 {
margin-inline:var(--size-scalable-15)}
.-v-mx-15 {
margin-inline: calc(var(--size-scalable-15)*-1)
}
.v-my-15 {
margin-block:var(--size-scalable-15)}
.-v-my-15 {
margin-block: calc(var(--size-scalable-15)*-1)
}
.v-p-15 {
padding: var(--size-scalable-15)
}
.-v-p-15 {
padding: calc(var(--size-scalable-15)*-1)
}
.v-pt-15 {
padding-block-start:var(--size-scalable-15)}
.-v-pt-15 {
padding-block-start: calc(var(--size-scalable-15)*-1)
}
.v-pb-15 {
padding-block-end:var(--size-scalable-15)}
.-v-pb-15 {
padding-block-end: calc(var(--size-scalable-15)*-1)
}
.v-pl-15 {
padding-inline-start:var(--size-scalable-15)}
.-v-pl-15 {
padding-inline-start: calc(var(--size-scalable-15)*-1)
}
.v-pr-15 {
padding-inline-end:var(--size-scalable-15)}
.-v-pr-15 {
padding-inline-end: calc(var(--size-scalable-15)*-1)
}
.v-px-15 {
padding-inline:var(--size-scalable-15)}
.-v-px-15 {
padding-inline: calc(var(--size-scalable-15)*-1)
}
.v-py-15 {
padding-block:var(--size-scalable-15)}
.-v-py-15 {
padding-block: calc(var(--size-scalable-15)*-1)
}
.v-gap-15 {
gap: var(--size-scalable-15)
}
.-v-gap-15 {
gap: -15px
}
.v-col-gap-15 {
column-gap: var(--size-scalable-15)
}
.-v-col-gap-15 {
column-gap: calc(var(--size-scalable-15)*-1)
}
.v-row-gap-15 {
row-gap: var(--size-scalable-15)
}
.-v-row-gap-15 {
row-gap: calc(var(--size-scalable-15)*-1)
}
.v-m-16 {
margin: var(--size-scalable-16)
}
.-v-m-16 {
margin: calc(var(--size-scalable-16)*-1)
}
.v-mt-16 {
margin-block-start:var(--size-scalable-16)}
.-v-mt-16 {
margin-block-start: calc(var(--size-scalable-16)*-1)
}
.v-mb-16 {
margin-block-end:var(--size-scalable-16)}
.-v-mb-16 {
margin-block-end: calc(var(--size-scalable-16)*-1)
}
.v-ml-16 {
margin-inline-start:var(--size-scalable-16)}
.-v-ml-16 {
margin-inline-start: calc(var(--size-scalable-16)*-1)
}
.v-mr-16 {
margin-inline-end:var(--size-scalable-16)}
.-v-mr-16 {
margin-inline-end: calc(var(--size-scalable-16)*-1)
}
.v-mx-16 {
margin-inline:var(--size-scalable-16)}
.-v-mx-16 {
margin-inline: calc(var(--size-scalable-16)*-1)
}
.v-my-16 {
margin-block:var(--size-scalable-16)}
.-v-my-16 {
margin-block: calc(var(--size-scalable-16)*-1)
}
.v-p-16 {
padding: var(--size-scalable-16)
}
.-v-p-16 {
padding: calc(var(--size-scalable-16)*-1)
}
.v-pt-16 {
padding-block-start:var(--size-scalable-16)}
.-v-pt-16 {
padding-block-start: calc(var(--size-scalable-16)*-1)
}
.v-pb-16 {
padding-block-end:var(--size-scalable-16)}
.-v-pb-16 {
padding-block-end: calc(var(--size-scalable-16)*-1)
}
.v-pl-16 {
padding-inline-start:var(--size-scalable-16)}
.-v-pl-16 {
padding-inline-start: calc(var(--size-scalable-16)*-1)
}
.v-pr-16 {
padding-inline-end:var(--size-scalable-16)}
.-v-pr-16 {
padding-inline-end: calc(var(--size-scalable-16)*-1)
}
.v-px-16 {
padding-inline:var(--size-scalable-16)}
.-v-px-16 {
padding-inline: calc(var(--size-scalable-16)*-1)
}
.v-py-16 {
padding-block:var(--size-scalable-16)}
.-v-py-16 {
padding-block: calc(var(--size-scalable-16)*-1)
}
.v-gap-16 {
gap: var(--size-scalable-16)
}
.-v-gap-16 {
gap: -16px
}
.v-col-gap-16 {
column-gap: var(--size-scalable-16)
}
.-v-col-gap-16 {
column-gap: calc(var(--size-scalable-16)*-1)
}
.v-row-gap-16 {
row-gap: var(--size-scalable-16)
}
.-v-row-gap-16 {
row-gap: calc(var(--size-scalable-16)*-1)
}
.v-m-17 {
margin: var(--size-scalable-17)
}
.-v-m-17 {
margin: calc(var(--size-scalable-17)*-1)
}
.v-mt-17 {
margin-block-start:var(--size-scalable-17)}
.-v-mt-17 {
margin-block-start: calc(var(--size-scalable-17)*-1)
}
.v-mb-17 {
margin-block-end:var(--size-scalable-17)}
.-v-mb-17 {
margin-block-end: calc(var(--size-scalable-17)*-1)
}
.v-ml-17 {
margin-inline-start:var(--size-scalable-17)}
.-v-ml-17 {
margin-inline-start: calc(var(--size-scalable-17)*-1)
}
.v-mr-17 {
margin-inline-end:var(--size-scalable-17)}
.-v-mr-17 {
margin-inline-end: calc(var(--size-scalable-17)*-1)
}
.v-mx-17 {
margin-inline:var(--size-scalable-17)}
.-v-mx-17 {
margin-inline: calc(var(--size-scalable-17)*-1)
}
.v-my-17 {
margin-block:var(--size-scalable-17)}
.-v-my-17 {
margin-block: calc(var(--size-scalable-17)*-1)
}
.v-p-17 {
padding: var(--size-scalable-17)
}
.-v-p-17 {
padding: calc(var(--size-scalable-17)*-1)
}
.v-pt-17 {
padding-block-start:var(--size-scalable-17)}
.-v-pt-17 {
padding-block-start: calc(var(--size-scalable-17)*-1)
}
.v-pb-17 {
padding-block-end:var(--size-scalable-17)}
.-v-pb-17 {
padding-block-end: calc(var(--size-scalable-17)*-1)
}
.v-pl-17 {
padding-inline-start:var(--size-scalable-17)}
.-v-pl-17 {
padding-inline-start: calc(var(--size-scalable-17)*-1)
}
.v-pr-17 {
padding-inline-end:var(--size-scalable-17)}
.-v-pr-17 {
padding-inline-end: calc(var(--size-scalable-17)*-1)
}
.v-px-17 {
padding-inline:var(--size-scalable-17)}
.-v-px-17 {
padding-inline: calc(var(--size-scalable-17)*-1)
}
.v-py-17 {
padding-block:var(--size-scalable-17)}
.-v-py-17 {
padding-block: calc(var(--size-scalable-17)*-1)
}
.v-gap-17 {
gap: var(--size-scalable-17)
}
.-v-gap-17 {
gap: -17px
}
.v-col-gap-17 {
column-gap: var(--size-scalable-17)
}
.-v-col-gap-17 {
column-gap: calc(var(--size-scalable-17)*-1)
}
.v-row-gap-17 {
row-gap: var(--size-scalable-17)
}
.-v-row-gap-17 {
row-gap: calc(var(--size-scalable-17)*-1)
}
.v-m-18 {
margin: var(--size-scalable-18)
}
.-v-m-18 {
margin: calc(var(--size-scalable-18)*-1)
}
.v-mt-18 {
margin-block-start:var(--size-scalable-18)}
.-v-mt-18 {
margin-block-start: calc(var(--size-scalable-18)*-1)
}
.v-mb-18 {
margin-block-end:var(--size-scalable-18)}
.-v-mb-18 {
margin-block-end: calc(var(--size-scalable-18)*-1)
}
.v-ml-18 {
margin-inline-start:var(--size-scalable-18)}
.-v-ml-18 {
margin-inline-start: calc(var(--size-scalable-18)*-1)
}
.v-mr-18 {
margin-inline-end:var(--size-scalable-18)}
.-v-mr-18 {
margin-inline-end: calc(var(--size-scalable-18)*-1)
}
.v-mx-18 {
margin-inline:var(--size-scalable-18)}
.-v-mx-18 {
margin-inline: calc(var(--size-scalable-18)*-1)
}
.v-my-18 {
margin-block:var(--size-scalable-18)}
.-v-my-18 {
margin-block: calc(var(--size-scalable-18)*-1)
}
.v-p-18 {
padding: var(--size-scalable-18)
}
.-v-p-18 {
padding: calc(var(--size-scalable-18)*-1)
}
.v-pt-18 {
padding-block-start:var(--size-scalable-18)}
.-v-pt-18 {
padding-block-start: calc(var(--size-scalable-18)*-1)
}
.v-pb-18 {
padding-block-end:var(--size-scalable-18)}
.-v-pb-18 {
padding-block-end: calc(var(--size-scalable-18)*-1)
}
.v-pl-18 {
padding-inline-start:var(--size-scalable-18)}
.-v-pl-18 {
padding-inline-start: calc(var(--size-scalable-18)*-1)
}
.v-pr-18 {
padding-inline-end:var(--size-scalable-18)}
.-v-pr-18 {
padding-inline-end: calc(var(--size-scalable-18)*-1)
}
.v-px-18 {
padding-inline:var(--size-scalable-18)}
.-v-px-18 {
padding-inline: calc(var(--size-scalable-18)*-1)
}
.v-py-18 {
padding-block:var(--size-scalable-18)}
.-v-py-18 {
padding-block: calc(var(--size-scalable-18)*-1)
}
.v-gap-18 {
gap: var(--size-scalable-18)
}
.-v-gap-18 {
gap: -18px
}
.v-col-gap-18 {
column-gap: var(--size-scalable-18)
}
.-v-col-gap-18 {
column-gap: calc(var(--size-scalable-18)*-1)
}
.v-row-gap-18 {
row-gap: var(--size-scalable-18)
}
.-v-row-gap-18 {
row-gap: calc(var(--size-scalable-18)*-1)
}
.v-m-19 {
margin: var(--size-scalable-19)
}
.-v-m-19 {
margin: calc(var(--size-scalable-19)*-1)
}
.v-mt-19 {
margin-block-start:var(--size-scalable-19)}
.-v-mt-19 {
margin-block-start: calc(var(--size-scalable-19)*-1)
}
.v-mb-19 {
margin-block-end:var(--size-scalable-19)}
.-v-mb-19 {
margin-block-end: calc(var(--size-scalable-19)*-1)
}
.v-ml-19 {
margin-inline-start:var(--size-scalable-19)}
.-v-ml-19 {
margin-inline-start: calc(var(--size-scalable-19)*-1)
}
.v-mr-19 {
margin-inline-end:var(--size-scalable-19)}
.-v-mr-19 {
margin-inline-end: calc(var(--size-scalable-19)*-1)
}
.v-mx-19 {
margin-inline:var(--size-scalable-19)}
.-v-mx-19 {
margin-inline: calc(var(--size-scalable-19)*-1)
}
.v-my-19 {
margin-block:var(--size-scalable-19)}
.-v-my-19 {
margin-block: calc(var(--size-scalable-19)*-1)
}
.v-p-19 {
padding: var(--size-scalable-19)
}
.-v-p-19 {
padding: calc(var(--size-scalable-19)*-1)
}
.v-pt-19 {
padding-block-start:var(--size-scalable-19)}
.-v-pt-19 {
padding-block-start: calc(var(--size-scalable-19)*-1)
}
.v-pb-19 {
padding-block-end:var(--size-scalable-19)}
.-v-pb-19 {
padding-block-end: calc(var(--size-scalable-19)*-1)
}
.v-pl-19 {
padding-inline-start:var(--size-scalable-19)}
.-v-pl-19 {
padding-inline-start: calc(var(--size-scalable-19)*-1)
}
.v-pr-19 {
padding-inline-end:var(--size-scalable-19)}
.-v-pr-19 {
padding-inline-end: calc(var(--size-scalable-19)*-1)
}
.v-px-19 {
padding-inline:var(--size-scalable-19)}
.-v-px-19 {
padding-inline: calc(var(--size-scalable-19)*-1)
}
.v-py-19 {
padding-block:var(--size-scalable-19)}
.-v-py-19 {
padding-block: calc(var(--size-scalable-19)*-1)
}
.v-gap-19 {
gap: var(--size-scalable-19)
}
.-v-gap-19 {
gap: -19px
}
.v-col-gap-19 {
column-gap: var(--size-scalable-19)
}
.-v-col-gap-19 {
column-gap: calc(var(--size-scalable-19)*-1)
}
.v-row-gap-19 {
row-gap: var(--size-scalable-19)
}
.-v-row-gap-19 {
row-gap: calc(var(--size-scalable-19)*-1)
}
.v-m-20 {
margin: var(--size-scalable-20)
}
.-v-m-20 {
margin: calc(var(--size-scalable-20)*-1)
}
.v-mt-20 {
margin-block-start:var(--size-scalable-20)}
.-v-mt-20 {
margin-block-start: calc(var(--size-scalable-20)*-1)
}
.v-mb-20 {
margin-block-end:var(--size-scalable-20)}
.-v-mb-20 {
margin-block-end: calc(var(--size-scalable-20)*-1)
}
.v-ml-20 {
margin-inline-start:var(--size-scalable-20)}
.-v-ml-20 {
margin-inline-start: calc(var(--size-scalable-20)*-1)
}
.v-mr-20 {
margin-inline-end:var(--size-scalable-20)}
.-v-mr-20 {
margin-inline-end: calc(var(--size-scalable-20)*-1)
}
.v-mx-20 {
margin-inline:var(--size-scalable-20)}
.-v-mx-20 {
margin-inline: calc(var(--size-scalable-20)*-1)
}
.v-my-20 {
margin-block:var(--size-scalable-20)}
.-v-my-20 {
margin-block: calc(var(--size-scalable-20)*-1)
}
.v-p-20 {
padding: var(--size-scalable-20)
}
.-v-p-20 {
padding: calc(var(--size-scalable-20)*-1)
}
.v-pt-20 {
padding-block-start:var(--size-scalable-20)}
.-v-pt-20 {
padding-block-start: calc(var(--size-scalable-20)*-1)
}
.v-pb-20 {
padding-block-end:var(--size-scalable-20)}
.-v-pb-20 {
padding-block-end: calc(var(--size-scalable-20)*-1)
}
.v-pl-20 {
padding-inline-start:var(--size-scalable-20)}
.-v-pl-20 {
padding-inline-start: calc(var(--size-scalable-20)*-1)
}
.v-pr-20 {
padding-inline-end:var(--size-scalable-20)}
.-v-pr-20 {
padding-inline-end: calc(var(--size-scalable-20)*-1)
}
.v-px-20 {
padding-inline:var(--size-scalable-20)}
.-v-px-20 {
padding-inline: calc(var(--size-scalable-20)*-1)
}
.v-py-20 {
padding-block:var(--size-scalable-20)}
.-v-py-20 {
padding-block: calc(var(--size-scalable-20)*-1)
}
.v-gap-20 {
gap: var(--size-scalable-20)
}
.-v-gap-20 {
gap: -20px
}
.v-col-gap-20 {
column-gap: var(--size-scalable-20)
}
.-v-col-gap-20 {
column-gap: calc(var(--size-scalable-20)*-1)
}
.v-row-gap-20 {
row-gap: var(--size-scalable-20)
}
.-v-row-gap-20 {
row-gap: calc(var(--size-scalable-20)*-1)
}
.v-m-21 {
margin: var(--size-scalable-21)
}
.-v-m-21 {
margin: calc(var(--size-scalable-21)*-1)
}
.v-mt-21 {
margin-block-start:var(--size-scalable-21)}
.-v-mt-21 {
margin-block-start: calc(var(--size-scalable-21)*-1)
}
.v-mb-21 {
margin-block-end:var(--size-scalable-21)}
.-v-mb-21 {
margin-block-end: calc(var(--size-scalable-21)*-1)
}
.v-ml-21 {
margin-inline-start:var(--size-scalable-21)}
.-v-ml-21 {
margin-inline-start: calc(var(--size-scalable-21)*-1)
}
.v-mr-21 {
margin-inline-end:var(--size-scalable-21)}
.-v-mr-21 {
margin-inline-end: calc(var(--size-scalable-21)*-1)
}
.v-mx-21 {
margin-inline:var(--size-scalable-21)}
.-v-mx-21 {
margin-inline: calc(var(--size-scalable-21)*-1)
}
.v-my-21 {
margin-block:var(--size-scalable-21)}
.-v-my-21 {
margin-block: calc(var(--size-scalable-21)*-1)
}
.v-p-21 {
padding: var(--size-scalable-21)
}
.-v-p-21 {
padding: calc(var(--size-scalable-21)*-1)
}
.v-pt-21 {
padding-block-start:var(--size-scalable-21)}
.-v-pt-21 {
padding-block-start: calc(var(--size-scalable-21)*-1)
}
.v-pb-21 {
padding-block-end:var(--size-scalable-21)}
.-v-pb-21 {
padding-block-end: calc(var(--size-scalable-21)*-1)
}
.v-pl-21 {
padding-inline-start:var(--size-scalable-21)}
.-v-pl-21 {
padding-inline-start: calc(var(--size-scalable-21)*-1)
}
.v-pr-21 {
padding-inline-end:var(--size-scalable-21)}
.-v-pr-21 {
padding-inline-end: calc(var(--size-scalable-21)*-1)
}
.v-px-21 {
padding-inline:var(--size-scalable-21)}
.-v-px-21 {
padding-inline: calc(var(--size-scalable-21)*-1)
}
.v-py-21 {
padding-block:var(--size-scalable-21)}
.-v-py-21 {
padding-block: calc(var(--size-scalable-21)*-1)
}
.v-gap-21 {
gap: var(--size-scalable-21)
}
.-v-gap-21 {
gap: -21px
}
.v-col-gap-21 {
column-gap: var(--size-scalable-21)
}
.-v-col-gap-21 {
column-gap: calc(var(--size-scalable-21)*-1)
}
.v-row-gap-21 {
row-gap: var(--size-scalable-21)
}
.-v-row-gap-21 {
row-gap: calc(var(--size-scalable-21)*-1)
}
.v-m-22 {
margin: var(--size-scalable-22)
}
.-v-m-22 {
margin: calc(var(--size-scalable-22)*-1)
}
.v-mt-22 {
margin-block-start:var(--size-scalable-22)}
.-v-mt-22 {
margin-block-start: calc(var(--size-scalable-22)*-1)
}
.v-mb-22 {
margin-block-end:var(--size-scalable-22)}
.-v-mb-22 {
margin-block-end: calc(var(--size-scalable-22)*-1)
}
.v-ml-22 {
margin-inline-start:var(--size-scalable-22)}
.-v-ml-22 {
margin-inline-start: calc(var(--size-scalable-22)*-1)
}
.v-mr-22 {
margin-inline-end:var(--size-scalable-22)}
.-v-mr-22 {
margin-inline-end: calc(var(--size-scalable-22)*-1)
}
.v-mx-22 {
margin-inline:var(--size-scalable-22)}
.-v-mx-22 {
margin-inline: calc(var(--size-scalable-22)*-1)
}
.v-my-22 {
margin-block:var(--size-scalable-22)}
.-v-my-22 {
margin-block: calc(var(--size-scalable-22)*-1)
}
.v-p-22 {
padding: var(--size-scalable-22)
}
.-v-p-22 {
padding: calc(var(--size-scalable-22)*-1)
}
.v-pt-22 {
padding-block-start:var(--size-scalable-22)}
.-v-pt-22 {
padding-block-start: calc(var(--size-scalable-22)*-1)
}
.v-pb-22 {
padding-block-end:var(--size-scalable-22)}
.-v-pb-22 {
padding-block-end: calc(var(--size-scalable-22)*-1)
}
.v-pl-22 {
padding-inline-start:var(--size-scalable-22)}
.-v-pl-22 {
padding-inline-start: calc(var(--size-scalable-22)*-1)
}
.v-pr-22 {
padding-inline-end:var(--size-scalable-22)}
.-v-pr-22 {
padding-inline-end: calc(var(--size-scalable-22)*-1)
}
.v-px-22 {
padding-inline:var(--size-scalable-22)}
.-v-px-22 {
padding-inline: calc(var(--size-scalable-22)*-1)
}
.v-py-22 {
padding-block:var(--size-scalable-22)}
.-v-py-22 {
padding-block: calc(var(--size-scalable-22)*-1)
}
.v-gap-22 {
gap: var(--size-scalable-22)
}
.-v-gap-22 {
gap: -22px
}
.v-col-gap-22 {
column-gap: var(--size-scalable-22)
}
.-v-col-gap-22 {
column-gap: calc(var(--size-scalable-22)*-1)
}
.v-row-gap-22 {
row-gap: var(--size-scalable-22)
}
.-v-row-gap-22 {
row-gap: calc(var(--size-scalable-22)*-1)
}
.v-m-23 {
margin: var(--size-scalable-23)
}
.-v-m-23 {
margin: calc(var(--size-scalable-23)*-1)
}
.v-mt-23 {
margin-block-start:var(--size-scalable-23)}
.-v-mt-23 {
margin-block-start: calc(var(--size-scalable-23)*-1)
}
.v-mb-23 {
margin-block-end:var(--size-scalable-23)}
.-v-mb-23 {
margin-block-end: calc(var(--size-scalable-23)*-1)
}
.v-ml-23 {
margin-inline-start:var(--size-scalable-23)}
.-v-ml-23 {
margin-inline-start: calc(var(--size-scalable-23)*-1)
}
.v-mr-23 {
margin-inline-end:var(--size-scalable-23)}
.-v-mr-23 {
margin-inline-end: calc(var(--size-scalable-23)*-1)
}
.v-mx-23 {
margin-inline:var(--size-scalable-23)}
.-v-mx-23 {
margin-inline: calc(var(--size-scalable-23)*-1)
}
.v-my-23 {
margin-block:var(--size-scalable-23)}
.-v-my-23 {
margin-block: calc(var(--size-scalable-23)*-1)
}
.v-p-23 {
padding: var(--size-scalable-23)
}
.-v-p-23 {
padding: calc(var(--size-scalable-23)*-1)
}
.v-pt-23 {
padding-block-start:var(--size-scalable-23)}
.-v-pt-23 {
padding-block-start: calc(var(--size-scalable-23)*-1)
}
.v-pb-23 {
padding-block-end:var(--size-scalable-23)}
.-v-pb-23 {
padding-block-end: calc(var(--size-scalable-23)*-1)
}
.v-pl-23 {
padding-inline-start:var(--size-scalable-23)}
.-v-pl-23 {
padding-inline-start: calc(var(--size-scalable-23)*-1)
}
.v-pr-23 {
padding-inline-end:var(--size-scalable-23)}
.-v-pr-23 {
padding-inline-end: calc(var(--size-scalable-23)*-1)
}
.v-px-23 {
padding-inline:var(--size-scalable-23)}
.-v-px-23 {
padding-inline: calc(var(--size-scalable-23)*-1)
}
.v-py-23 {
padding-block:var(--size-scalable-23)}
.-v-py-23 {
padding-block: calc(var(--size-scalable-23)*-1)
}
.v-gap-23 {
gap: var(--size-scalable-23)
}
.-v-gap-23 {
gap: -23px
}
.v-col-gap-23 {
column-gap: var(--size-scalable-23)
}
.-v-col-gap-23 {
column-gap: calc(var(--size-scalable-23)*-1)
}
.v-row-gap-23 {
row-gap: var(--size-scalable-23)
}
.-v-row-gap-23 {
row-gap: calc(var(--size-scalable-23)*-1)
}
.v-m-24 {
margin: var(--size-scalable-24)
}
.-v-m-24 {
margin: calc(var(--size-scalable-24)*-1)
}
.v-mt-24 {
margin-block-start:var(--size-scalable-24)}
.-v-mt-24 {
margin-block-start: calc(var(--size-scalable-24)*-1)
}
.v-mb-24 {
margin-block-end:var(--size-scalable-24)}
.-v-mb-24 {
margin-block-end: calc(var(--size-scalable-24)*-1)
}
.v-ml-24 {
margin-inline-start:var(--size-scalable-24)}
.-v-ml-24 {
margin-inline-start: calc(var(--size-scalable-24)*-1)
}
.v-mr-24 {
margin-inline-end:var(--size-scalable-24)}
.-v-mr-24 {
margin-inline-end: calc(var(--size-scalable-24)*-1)
}
.v-mx-24 {
margin-inline:var(--size-scalable-24)}
.-v-mx-24 {
margin-inline: calc(var(--size-scalable-24)*-1)
}
.v-my-24 {
margin-block:var(--size-scalable-24)}
.-v-my-24 {
margin-block: calc(var(--size-scalable-24)*-1)
}
.v-p-24 {
padding: var(--size-scalable-24)
}
.-v-p-24 {
padding: calc(var(--size-scalable-24)*-1)
}
.v-pt-24 {
padding-block-start:var(--size-scalable-24)}
.-v-pt-24 {
padding-block-start: calc(var(--size-scalable-24)*-1)
}
.v-pb-24 {
padding-block-end:var(--size-scalable-24)}
.-v-pb-24 {
padding-block-end: calc(var(--size-scalable-24)*-1)
}
.v-pl-24 {
padding-inline-start:var(--size-scalable-24)}
.-v-pl-24 {
padding-inline-start: calc(var(--size-scalable-24)*-1)
}
.v-pr-24 {
padding-inline-end:var(--size-scalable-24)}
.-v-pr-24 {
padding-inline-end: calc(var(--size-scalable-24)*-1)
}
.v-px-24 {
padding-inline:var(--size-scalable-24)}
.-v-px-24 {
padding-inline: calc(var(--size-scalable-24)*-1)
}
.v-py-24 {
padding-block:var(--size-scalable-24)}
.-v-py-24 {
padding-block: calc(var(--size-scalable-24)*-1)
}
.v-gap-24 {
gap: var(--size-scalable-24)
}
.-v-gap-24 {
gap: -24px
}
.v-col-gap-24 {
column-gap: var(--size-scalable-24)
}
.-v-col-gap-24 {
column-gap: calc(var(--size-scalable-24)*-1)
}
.v-row-gap-24 {
row-gap: var(--size-scalable-24)
}
.-v-row-gap-24 {
row-gap: calc(var(--size-scalable-24)*-1)
}
.v-m-25 {
margin: var(--size-scalable-25)
}
.-v-m-25 {
margin: calc(var(--size-scalable-25)*-1)
}
.v-mt-25 {
margin-block-start:var(--size-scalable-25)}
.-v-mt-25 {
margin-block-start: calc(var(--size-scalable-25)*-1)
}
.v-mb-25 {
margin-block-end:var(--size-scalable-25)}
.-v-mb-25 {
margin-block-end: calc(var(--size-scalable-25)*-1)
}
.v-ml-25 {
margin-inline-start:var(--size-scalable-25)}
.-v-ml-25 {
margin-inline-start: calc(var(--size-scalable-25)*-1)
}
.v-mr-25 {
margin-inline-end:var(--size-scalable-25)}
.-v-mr-25 {
margin-inline-end: calc(var(--size-scalable-25)*-1)
}
.v-mx-25 {
margin-inline:var(--size-scalable-25)}
.-v-mx-25 {
margin-inline: calc(var(--size-scalable-25)*-1)
}
.v-my-25 {
margin-block:var(--size-scalable-25)}
.-v-my-25 {
margin-block: calc(var(--size-scalable-25)*-1)
}
.v-p-25 {
padding: var(--size-scalable-25)
}
.-v-p-25 {
padding: calc(var(--size-scalable-25)*-1)
}
.v-pt-25 {
padding-block-start:var(--size-scalable-25)}
.-v-pt-25 {
padding-block-start: calc(var(--size-scalable-25)*-1)
}
.v-pb-25 {
padding-block-end:var(--size-scalable-25)}
.-v-pb-25 {
padding-block-end: calc(var(--size-scalable-25)*-1)
}
.v-pl-25 {
padding-inline-start:var(--size-scalable-25)}
.-v-pl-25 {
padding-inline-start: calc(var(--size-scalable-25)*-1)
}
.v-pr-25 {
padding-inline-end:var(--size-scalable-25)}
.-v-pr-25 {
padding-inline-end: calc(var(--size-scalable-25)*-1)
}
.v-px-25 {
padding-inline:var(--size-scalable-25)}
.-v-px-25 {
padding-inline: calc(var(--size-scalable-25)*-1)
}
.v-py-25 {
padding-block:var(--size-scalable-25)}
.-v-py-25 {
padding-block: calc(var(--size-scalable-25)*-1)
}
.v-gap-25 {
gap: var(--size-scalable-25)
}
.-v-gap-25 {
gap: -25px
}
.v-col-gap-25 {
column-gap: var(--size-scalable-25)
}
.-v-col-gap-25 {
column-gap: calc(var(--size-scalable-25)*-1)
}
.v-row-gap-25 {
row-gap: var(--size-scalable-25)
}
.-v-row-gap-25 {
row-gap: calc(var(--size-scalable-25)*-1)
}
.v-m-26 {
margin: var(--size-scalable-26)
}
.-v-m-26 {
margin: calc(var(--size-scalable-26)*-1)
}
.v-mt-26 {
margin-block-start:var(--size-scalable-26)}
.-v-mt-26 {
margin-block-start: calc(var(--size-scalable-26)*-1)
}
.v-mb-26 {
margin-block-end:var(--size-scalable-26)}
.-v-mb-26 {
margin-block-end: calc(var(--size-scalable-26)*-1)
}
.v-ml-26 {
margin-inline-start:var(--size-scalable-26)}
.-v-ml-26 {
margin-inline-start: calc(var(--size-scalable-26)*-1)
}
.v-mr-26 {
margin-inline-end:var(--size-scalable-26)}
.-v-mr-26 {
margin-inline-end: calc(var(--size-scalable-26)*-1)
}
.v-mx-26 {
margin-inline:var(--size-scalable-26)}
.-v-mx-26 {
margin-inline: calc(var(--size-scalable-26)*-1)
}
.v-my-26 {
margin-block:var(--size-scalable-26)}
.-v-my-26 {
margin-block: calc(var(--size-scalable-26)*-1)
}
.v-p-26 {
padding: var(--size-scalable-26)
}
.-v-p-26 {
padding: calc(var(--size-scalable-26)*-1)
}
.v-pt-26 {
padding-block-start:var(--size-scalable-26)}
.-v-pt-26 {
padding-block-start: calc(var(--size-scalable-26)*-1)
}
.v-pb-26 {
padding-block-end:var(--size-scalable-26)}
.-v-pb-26 {
padding-block-end: calc(var(--size-scalable-26)*-1)
}
.v-pl-26 {
padding-inline-start:var(--size-scalable-26)}
.-v-pl-26 {
padding-inline-start: calc(var(--size-scalable-26)*-1)
}
.v-pr-26 {
padding-inline-end:var(--size-scalable-26)}
.-v-pr-26 {
padding-inline-end: calc(var(--size-scalable-26)*-1)
}
.v-px-26 {
padding-inline:var(--size-scalable-26)}
.-v-px-26 {
padding-inline: calc(var(--size-scalable-26)*-1)
}
.v-py-26 {
padding-block:var(--size-scalable-26)}
.-v-py-26 {
padding-block: calc(var(--size-scalable-26)*-1)
}
.v-gap-26 {
gap: var(--size-scalable-26)
}
.-v-gap-26 {
gap: -26px
}
.v-col-gap-26 {
column-gap: var(--size-scalable-26)
}
.-v-col-gap-26 {
column-gap: calc(var(--size-scalable-26)*-1)
}
.v-row-gap-26 {
row-gap: var(--size-scalable-26)
}
.-v-row-gap-26 {
row-gap: calc(var(--size-scalable-26)*-1)
}
.v-m-27 {
margin: var(--size-scalable-27)
}
.-v-m-27 {
margin: calc(var(--size-scalable-27)*-1)
}
.v-mt-27 {
margin-block-start:var(--size-scalable-27)}
.-v-mt-27 {
margin-block-start: calc(var(--size-scalable-27)*-1)
}
.v-mb-27 {
margin-block-end:var(--size-scalable-27)}
.-v-mb-27 {
margin-block-end: calc(var(--size-scalable-27)*-1)
}
.v-ml-27 {
margin-inline-start:var(--size-scalable-27)}
.-v-ml-27 {
margin-inline-start: calc(var(--size-scalable-27)*-1)
}
.v-mr-27 {
margin-inline-end:var(--size-scalable-27)}
.-v-mr-27 {
margin-inline-end: calc(var(--size-scalable-27)*-1)
}
.v-mx-27 {
margin-inline:var(--size-scalable-27)}
.-v-mx-27 {
margin-inline: calc(var(--size-scalable-27)*-1)
}
.v-my-27 {
margin-block:var(--size-scalable-27)}
.-v-my-27 {
margin-block: calc(var(--size-scalable-27)*-1)
}
.v-p-27 {
padding: var(--size-scalable-27)
}
.-v-p-27 {
padding: calc(var(--size-scalable-27)*-1)
}
.v-pt-27 {
padding-block-start:var(--size-scalable-27)}
.-v-pt-27 {
padding-block-start: calc(var(--size-scalable-27)*-1)
}
.v-pb-27 {
padding-block-end:var(--size-scalable-27)}
.-v-pb-27 {
padding-block-end: calc(var(--size-scalable-27)*-1)
}
.v-pl-27 {
padding-inline-start:var(--size-scalable-27)}
.-v-pl-27 {
padding-inline-start: calc(var(--size-scalable-27)*-1)
}
.v-pr-27 {
padding-inline-end:var(--size-scalable-27)}
.-v-pr-27 {
padding-inline-end: calc(var(--size-scalable-27)*-1)
}
.v-px-27 {
padding-inline:var(--size-scalable-27)}
.-v-px-27 {
padding-inline: calc(var(--size-scalable-27)*-1)
}
.v-py-27 {
padding-block:var(--size-scalable-27)}
.-v-py-27 {
padding-block: calc(var(--size-scalable-27)*-1)
}
.v-gap-27 {
gap: var(--size-scalable-27)
}
.-v-gap-27 {
gap: -27px
}
.v-col-gap-27 {
column-gap: var(--size-scalable-27)
}
.-v-col-gap-27 {
column-gap: calc(var(--size-scalable-27)*-1)
}
.v-row-gap-27 {
row-gap: var(--size-scalable-27)
}
.-v-row-gap-27 {
row-gap: calc(var(--size-scalable-27)*-1)
}
.v-m-28 {
margin: var(--size-scalable-28)
}
.-v-m-28 {
margin: calc(var(--size-scalable-28)*-1)
}
.v-mt-28 {
margin-block-start:var(--size-scalable-28)}
.-v-mt-28 {
margin-block-start: calc(var(--size-scalable-28)*-1)
}
.v-mb-28 {
margin-block-end:var(--size-scalable-28)}
.-v-mb-28 {
margin-block-end: calc(var(--size-scalable-28)*-1)
}
.v-ml-28 {
margin-inline-start:var(--size-scalable-28)}
.-v-ml-28 {
margin-inline-start: calc(var(--size-scalable-28)*-1)
}
.v-mr-28 {
margin-inline-end:var(--size-scalable-28)}
.-v-mr-28 {
margin-inline-end: calc(var(--size-scalable-28)*-1)
}
.v-mx-28 {
margin-inline:var(--size-scalable-28)}
.-v-mx-28 {
margin-inline: calc(var(--size-scalable-28)*-1)
}
.v-my-28 {
margin-block:var(--size-scalable-28)}
.-v-my-28 {
margin-block: calc(var(--size-scalable-28)*-1)
}
.v-p-28 {
padding: var(--size-scalable-28)
}
.-v-p-28 {
padding: calc(var(--size-scalable-28)*-1)
}
.v-pt-28 {
padding-block-start:var(--size-scalable-28)}
.-v-pt-28 {
padding-block-start: calc(var(--size-scalable-28)*-1)
}
.v-pb-28 {
padding-block-end:var(--size-scalable-28)}
.-v-pb-28 {
padding-block-end: calc(var(--size-scalable-28)*-1)
}
.v-pl-28 {
padding-inline-start:var(--size-scalable-28)}
.-v-pl-28 {
padding-inline-start: calc(var(--size-scalable-28)*-1)
}
.v-pr-28 {
padding-inline-end:var(--size-scalable-28)}
.-v-pr-28 {
padding-inline-end: calc(var(--size-scalable-28)*-1)
}
.v-px-28 {
padding-inline:var(--size-scalable-28)}
.-v-px-28 {
padding-inline: calc(var(--size-scalable-28)*-1)
}
.v-py-28 {
padding-block:var(--size-scalable-28)}
.-v-py-28 {
padding-block: calc(var(--size-scalable-28)*-1)
}
.v-gap-28 {
gap: var(--size-scalable-28)
}
.-v-gap-28 {
gap: -28px
}
.v-col-gap-28 {
column-gap: var(--size-scalable-28)
}
.-v-col-gap-28 {
column-gap: calc(var(--size-scalable-28)*-1)
}
.v-row-gap-28 {
row-gap: var(--size-scalable-28)
}
.-v-row-gap-28 {
row-gap: calc(var(--size-scalable-28)*-1)
}
.v-m-29 {
margin: var(--size-scalable-29)
}
.-v-m-29 {
margin: calc(var(--size-scalable-29)*-1)
}
.v-mt-29 {
margin-block-start:var(--size-scalable-29)}
.-v-mt-29 {
margin-block-start: calc(var(--size-scalable-29)*-1)
}
.v-mb-29 {
margin-block-end:var(--size-scalable-29)}
.-v-mb-29 {
margin-block-end: calc(var(--size-scalable-29)*-1)
}
.v-ml-29 {
margin-inline-start:var(--size-scalable-29)}
.-v-ml-29 {
margin-inline-start: calc(var(--size-scalable-29)*-1)
}
.v-mr-29 {
margin-inline-end:var(--size-scalable-29)}
.-v-mr-29 {
margin-inline-end: calc(var(--size-scalable-29)*-1)
}
.v-mx-29 {
margin-inline:var(--size-scalable-29)}
.-v-mx-29 {
margin-inline: calc(var(--size-scalable-29)*-1)
}
.v-my-29 {
margin-block:var(--size-scalable-29)}
.-v-my-29 {
margin-block: calc(var(--size-scalable-29)*-1)
}
.v-p-29 {
padding: var(--size-scalable-29)
}
.-v-p-29 {
padding: calc(var(--size-scalable-29)*-1)
}
.v-pt-29 {
padding-block-start:var(--size-scalable-29)}
.-v-pt-29 {
padding-block-start: calc(var(--size-scalable-29)*-1)
}
.v-pb-29 {
padding-block-end:var(--size-scalable-29)}
.-v-pb-29 {
padding-block-end: calc(var(--size-scalable-29)*-1)
}
.v-pl-29 {
padding-inline-start:var(--size-scalable-29)}
.-v-pl-29 {
padding-inline-start: calc(var(--size-scalable-29)*-1)
}
.v-pr-29 {
padding-inline-end:var(--size-scalable-29)}
.-v-pr-29 {
padding-inline-end: calc(var(--size-scalable-29)*-1)
}
.v-px-29 {
padding-inline:var(--size-scalable-29)}
.-v-px-29 {
padding-inline: calc(var(--size-scalable-29)*-1)
}
.v-py-29 {
padding-block:var(--size-scalable-29)}
.-v-py-29 {
padding-block: calc(var(--size-scalable-29)*-1)
}
.v-gap-29 {
gap: var(--size-scalable-29)
}
.-v-gap-29 {
gap: -29px
}
.v-col-gap-29 {
column-gap: var(--size-scalable-29)
}
.-v-col-gap-29 {
column-gap: calc(var(--size-scalable-29)*-1)
}
.v-row-gap-29 {
row-gap: var(--size-scalable-29)
}
.-v-row-gap-29 {
row-gap: calc(var(--size-scalable-29)*-1)
}
.v-m-30 {
margin: var(--size-scalable-30)
}
.-v-m-30 {
margin: calc(var(--size-scalable-30)*-1)
}
.v-mt-30 {
margin-block-start:var(--size-scalable-30)}
.-v-mt-30 {
margin-block-start: calc(var(--size-scalable-30)*-1)
}
.v-mb-30 {
margin-block-end:var(--size-scalable-30)}
.-v-mb-30 {
margin-block-end: calc(var(--size-scalable-30)*-1)
}
.v-ml-30 {
margin-inline-start:var(--size-scalable-30)}
.-v-ml-30 {
margin-inline-start: calc(var(--size-scalable-30)*-1)
}
.v-mr-30 {
margin-inline-end:var(--size-scalable-30)}
.-v-mr-30 {
margin-inline-end: calc(var(--size-scalable-30)*-1)
}
.v-mx-30 {
margin-inline:var(--size-scalable-30)}
.-v-mx-30 {
margin-inline: calc(var(--size-scalable-30)*-1)
}
.v-my-30 {
margin-block:var(--size-scalable-30)}
.-v-my-30 {
margin-block: calc(var(--size-scalable-30)*-1)
}
.v-p-30 {
padding: var(--size-scalable-30)
}
.-v-p-30 {
padding: calc(var(--size-scalable-30)*-1)
}
.v-pt-30 {
padding-block-start:var(--size-scalable-30)}
.-v-pt-30 {
padding-block-start: calc(var(--size-scalable-30)*-1)
}
.v-pb-30 {
padding-block-end:var(--size-scalable-30)}
.-v-pb-30 {
padding-block-end: calc(var(--size-scalable-30)*-1)
}
.v-pl-30 {
padding-inline-start:var(--size-scalable-30)}
.-v-pl-30 {
padding-inline-start: calc(var(--size-scalable-30)*-1)
}
.v-pr-30 {
padding-inline-end:var(--size-scalable-30)}
.-v-pr-30 {
padding-inline-end: calc(var(--size-scalable-30)*-1)
}
.v-px-30 {
padding-inline:var(--size-scalable-30)}
.-v-px-30 {
padding-inline: calc(var(--size-scalable-30)*-1)
}
.v-py-30 {
padding-block:var(--size-scalable-30)}
.-v-py-30 {
padding-block: calc(var(--size-scalable-30)*-1)
}
.v-gap-30 {
gap: var(--size-scalable-30)
}
.-v-gap-30 {
gap: -30px
}
.v-col-gap-30 {
column-gap: var(--size-scalable-30)
}
.-v-col-gap-30 {
column-gap: calc(var(--size-scalable-30)*-1)
}
.v-row-gap-30 {
row-gap: var(--size-scalable-30)
}
.-v-row-gap-30 {
row-gap: calc(var(--size-scalable-30)*-1)
}
.v-m-31 {
margin: var(--size-scalable-31)
}
.-v-m-31 {
margin: calc(var(--size-scalable-31)*-1)
}
.v-mt-31 {
margin-block-start:var(--size-scalable-31)}
.-v-mt-31 {
margin-block-start: calc(var(--size-scalable-31)*-1)
}
.v-mb-31 {
margin-block-end:var(--size-scalable-31)}
.-v-mb-31 {
margin-block-end: calc(var(--size-scalable-31)*-1)
}
.v-ml-31 {
margin-inline-start:var(--size-scalable-31)}
.-v-ml-31 {
margin-inline-start: calc(var(--size-scalable-31)*-1)
}
.v-mr-31 {
margin-inline-end:var(--size-scalable-31)}
.-v-mr-31 {
margin-inline-end: calc(var(--size-scalable-31)*-1)
}
.v-mx-31 {
margin-inline:var(--size-scalable-31)}
.-v-mx-31 {
margin-inline: calc(var(--size-scalable-31)*-1)
}
.v-my-31 {
margin-block:var(--size-scalable-31)}
.-v-my-31 {
margin-block: calc(var(--size-scalable-31)*-1)
}
.v-p-31 {
padding: var(--size-scalable-31)
}
.-v-p-31 {
padding: calc(var(--size-scalable-31)*-1)
}
.v-pt-31 {
padding-block-start:var(--size-scalable-31)}
.-v-pt-31 {
padding-block-start: calc(var(--size-scalable-31)*-1)
}
.v-pb-31 {
padding-block-end:var(--size-scalable-31)}
.-v-pb-31 {
padding-block-end: calc(var(--size-scalable-31)*-1)
}
.v-pl-31 {
padding-inline-start:var(--size-scalable-31)}
.-v-pl-31 {
padding-inline-start: calc(var(--size-scalable-31)*-1)
}
.v-pr-31 {
padding-inline-end:var(--size-scalable-31)}
.-v-pr-31 {
padding-inline-end: calc(var(--size-scalable-31)*-1)
}
.v-px-31 {
padding-inline:var(--size-scalable-31)}
.-v-px-31 {
padding-inline: calc(var(--size-scalable-31)*-1)
}
.v-py-31 {
padding-block:var(--size-scalable-31)}
.-v-py-31 {
padding-block: calc(var(--size-scalable-31)*-1)
}
.v-gap-31 {
gap: var(--size-scalable-31)
}
.-v-gap-31 {
gap: -31px
}
.v-col-gap-31 {
column-gap: var(--size-scalable-31)
}
.-v-col-gap-31 {
column-gap: calc(var(--size-scalable-31)*-1)
}
.v-row-gap-31 {
row-gap: var(--size-scalable-31)
}
.-v-row-gap-31 {
row-gap: calc(var(--size-scalable-31)*-1)
}
.v-m-32 {
margin: var(--size-scalable-32)
}
.-v-m-32 {
margin: calc(var(--size-scalable-32)*-1)
}
.v-mt-32 {
margin-block-start:var(--size-scalable-32)}
.-v-mt-32 {
margin-block-start: calc(var(--size-scalable-32)*-1)
}
.v-mb-32 {
margin-block-end:var(--size-scalable-32)}
.-v-mb-32 {
margin-block-end: calc(var(--size-scalable-32)*-1)
}
.v-ml-32 {
margin-inline-start:var(--size-scalable-32)}
.-v-ml-32 {
margin-inline-start: calc(var(--size-scalable-32)*-1)
}
.v-mr-32 {
margin-inline-end:var(--size-scalable-32)}
.-v-mr-32 {
margin-inline-end: calc(var(--size-scalable-32)*-1)
}
.v-mx-32 {
margin-inline:var(--size-scalable-32)}
.-v-mx-32 {
margin-inline: calc(var(--size-scalable-32)*-1)
}
.v-my-32 {
margin-block:var(--size-scalable-32)}
.-v-my-32 {
margin-block: calc(var(--size-scalable-32)*-1)
}
.v-p-32 {
padding: var(--size-scalable-32)
}
.-v-p-32 {
padding: calc(var(--size-scalable-32)*-1)
}
.v-pt-32 {
padding-block-start:var(--size-scalable-32)}
.-v-pt-32 {
padding-block-start: calc(var(--size-scalable-32)*-1)
}
.v-pb-32 {
padding-block-end:var(--size-scalable-32)}
.-v-pb-32 {
padding-block-end: calc(var(--size-scalable-32)*-1)
}
.v-pl-32 {
padding-inline-start:var(--size-scalable-32)}
.-v-pl-32 {
padding-inline-start: calc(var(--size-scalable-32)*-1)
}
.v-pr-32 {
padding-inline-end:var(--size-scalable-32)}
.-v-pr-32 {
padding-inline-end: calc(var(--size-scalable-32)*-1)
}
.v-px-32 {
padding-inline:var(--size-scalable-32)}
.-v-px-32 {
padding-inline: calc(var(--size-scalable-32)*-1)
}
.v-py-32 {
padding-block:var(--size-scalable-32)}
.-v-py-32 {
padding-block: calc(var(--size-scalable-32)*-1)
}
.v-gap-32 {
gap: var(--size-scalable-32)
}
.-v-gap-32 {
gap: -32px
}
.v-col-gap-32 {
column-gap: var(--size-scalable-32)
}
.-v-col-gap-32 {
column-gap: calc(var(--size-scalable-32)*-1)
}
.v-row-gap-32 {
row-gap: var(--size-scalable-32)
}
.-v-row-gap-32 {
row-gap: calc(var(--size-scalable-32)*-1)
}
.v-m-33 {
margin: var(--size-scalable-33)
}
.-v-m-33 {
margin: calc(var(--size-scalable-33)*-1)
}
.v-mt-33 {
margin-block-start:var(--size-scalable-33)}
.-v-mt-33 {
margin-block-start: calc(var(--size-scalable-33)*-1)
}
.v-mb-33 {
margin-block-end:var(--size-scalable-33)}
.-v-mb-33 {
margin-block-end: calc(var(--size-scalable-33)*-1)
}
.v-ml-33 {
margin-inline-start:var(--size-scalable-33)}
.-v-ml-33 {
margin-inline-start: calc(var(--size-scalable-33)*-1)
}
.v-mr-33 {
margin-inline-end:var(--size-scalable-33)}
.-v-mr-33 {
margin-inline-end: calc(var(--size-scalable-33)*-1)
}
.v-mx-33 {
margin-inline:var(--size-scalable-33)}
.-v-mx-33 {
margin-inline: calc(var(--size-scalable-33)*-1)
}
.v-my-33 {
margin-block:var(--size-scalable-33)}
.-v-my-33 {
margin-block: calc(var(--size-scalable-33)*-1)
}
.v-p-33 {
padding: var(--size-scalable-33)
}
.-v-p-33 {
padding: calc(var(--size-scalable-33)*-1)
}
.v-pt-33 {
padding-block-start:var(--size-scalable-33)}
.-v-pt-33 {
padding-block-start: calc(var(--size-scalable-33)*-1)
}
.v-pb-33 {
padding-block-end:var(--size-scalable-33)}
.-v-pb-33 {
padding-block-end: calc(var(--size-scalable-33)*-1)
}
.v-pl-33 {
padding-inline-start:var(--size-scalable-33)}
.-v-pl-33 {
padding-inline-start: calc(var(--size-scalable-33)*-1)
}
.v-pr-33 {
padding-inline-end:var(--size-scalable-33)}
.-v-pr-33 {
padding-inline-end: calc(var(--size-scalable-33)*-1)
}
.v-px-33 {
padding-inline:var(--size-scalable-33)}
.-v-px-33 {
padding-inline: calc(var(--size-scalable-33)*-1)
}
.v-py-33 {
padding-block:var(--size-scalable-33)}
.-v-py-33 {
padding-block: calc(var(--size-scalable-33)*-1)
}
.v-gap-33 {
gap: var(--size-scalable-33)
}
.-v-gap-33 {
gap: -33px
}
.v-col-gap-33 {
column-gap: var(--size-scalable-33)
}
.-v-col-gap-33 {
column-gap: calc(var(--size-scalable-33)*-1)
}
.v-row-gap-33 {
row-gap: var(--size-scalable-33)
}
.-v-row-gap-33 {
row-gap: calc(var(--size-scalable-33)*-1)
}
.v-m-34 {
margin: var(--size-scalable-34)
}
.-v-m-34 {
margin: calc(var(--size-scalable-34)*-1)
}
.v-mt-34 {
margin-block-start:var(--size-scalable-34)}
.-v-mt-34 {
margin-block-start: calc(var(--size-scalable-34)*-1)
}
.v-mb-34 {
margin-block-end:var(--size-scalable-34)}
.-v-mb-34 {
margin-block-end: calc(var(--size-scalable-34)*-1)
}
.v-ml-34 {
margin-inline-start:var(--size-scalable-34)}
.-v-ml-34 {
margin-inline-start: calc(var(--size-scalable-34)*-1)
}
.v-mr-34 {
margin-inline-end:var(--size-scalable-34)}
.-v-mr-34 {
margin-inline-end: calc(var(--size-scalable-34)*-1)
}
.v-mx-34 {
margin-inline:var(--size-scalable-34)}
.-v-mx-34 {
margin-inline: calc(var(--size-scalable-34)*-1)
}
.v-my-34 {
margin-block:var(--size-scalable-34)}
.-v-my-34 {
margin-block: calc(var(--size-scalable-34)*-1)
}
.v-p-34 {
padding: var(--size-scalable-34)
}
.-v-p-34 {
padding: calc(var(--size-scalable-34)*-1)
}
.v-pt-34 {
padding-block-start:var(--size-scalable-34)}
.-v-pt-34 {
padding-block-start: calc(var(--size-scalable-34)*-1)
}
.v-pb-34 {
padding-block-end:var(--size-scalable-34)}
.-v-pb-34 {
padding-block-end: calc(var(--size-scalable-34)*-1)
}
.v-pl-34 {
padding-inline-start:var(--size-scalable-34)}
.-v-pl-34 {
padding-inline-start: calc(var(--size-scalable-34)*-1)
}
.v-pr-34 {
padding-inline-end:var(--size-scalable-34)}
.-v-pr-34 {
padding-inline-end: calc(var(--size-scalable-34)*-1)
}
.v-px-34 {
padding-inline:var(--size-scalable-34)}
.-v-px-34 {
padding-inline: calc(var(--size-scalable-34)*-1)
}
.v-py-34 {
padding-block:var(--size-scalable-34)}
.-v-py-34 {
padding-block: calc(var(--size-scalable-34)*-1)
}
.v-gap-34 {
gap: var(--size-scalable-34)
}
.-v-gap-34 {
gap: -34px
}
.v-col-gap-34 {
column-gap: var(--size-scalable-34)
}
.-v-col-gap-34 {
column-gap: calc(var(--size-scalable-34)*-1)
}
.v-row-gap-34 {
row-gap: var(--size-scalable-34)
}
.-v-row-gap-34 {
row-gap: calc(var(--size-scalable-34)*-1)
}
.v-m-35 {
margin: var(--size-scalable-35)
}
.-v-m-35 {
margin: calc(var(--size-scalable-35)*-1)
}
.v-mt-35 {
margin-block-start:var(--size-scalable-35)}
.-v-mt-35 {
margin-block-start: calc(var(--size-scalable-35)*-1)
}
.v-mb-35 {
margin-block-end:var(--size-scalable-35)}
.-v-mb-35 {
margin-block-end: calc(var(--size-scalable-35)*-1)
}
.v-ml-35 {
margin-inline-start:var(--size-scalable-35)}
.-v-ml-35 {
margin-inline-start: calc(var(--size-scalable-35)*-1)
}
.v-mr-35 {
margin-inline-end:var(--size-scalable-35)}
.-v-mr-35 {
margin-inline-end: calc(var(--size-scalable-35)*-1)
}
.v-mx-35 {
margin-inline:var(--size-scalable-35)}
.-v-mx-35 {
margin-inline: calc(var(--size-scalable-35)*-1)
}
.v-my-35 {
margin-block:var(--size-scalable-35)}
.-v-my-35 {
margin-block: calc(var(--size-scalable-35)*-1)
}
.v-p-35 {
padding: var(--size-scalable-35)
}
.-v-p-35 {
padding: calc(var(--size-scalable-35)*-1)
}
.v-pt-35 {
padding-block-start:var(--size-scalable-35)}
.-v-pt-35 {
padding-block-start: calc(var(--size-scalable-35)*-1)
}
.v-pb-35 {
padding-block-end:var(--size-scalable-35)}
.-v-pb-35 {
padding-block-end: calc(var(--size-scalable-35)*-1)
}
.v-pl-35 {
padding-inline-start:var(--size-scalable-35)}
.-v-pl-35 {
padding-inline-start: calc(var(--size-scalable-35)*-1)
}
.v-pr-35 {
padding-inline-end:var(--size-scalable-35)}
.-v-pr-35 {
padding-inline-end: calc(var(--size-scalable-35)*-1)
}
.v-px-35 {
padding-inline:var(--size-scalable-35)}
.-v-px-35 {
padding-inline: calc(var(--size-scalable-35)*-1)
}
.v-py-35 {
padding-block:var(--size-scalable-35)}
.-v-py-35 {
padding-block: calc(var(--size-scalable-35)*-1)
}
.v-gap-35 {
gap: var(--size-scalable-35)
}
.-v-gap-35 {
gap: -35px
}
.v-col-gap-35 {
column-gap: var(--size-scalable-35)
}
.-v-col-gap-35 {
column-gap: calc(var(--size-scalable-35)*-1)
}
.v-row-gap-35 {
row-gap: var(--size-scalable-35)
}
.-v-row-gap-35 {
row-gap: calc(var(--size-scalable-35)*-1)
}
.v-m-36 {
margin: var(--size-scalable-36)
}
.-v-m-36 {
margin: calc(var(--size-scalable-36)*-1)
}
.v-mt-36 {
margin-block-start:var(--size-scalable-36)}
.-v-mt-36 {
margin-block-start: calc(var(--size-scalable-36)*-1)
}
.v-mb-36 {
margin-block-end:var(--size-scalable-36)}
.-v-mb-36 {
margin-block-end: calc(var(--size-scalable-36)*-1)
}
.v-ml-36 {
margin-inline-start:var(--size-scalable-36)}
.-v-ml-36 {
margin-inline-start: calc(var(--size-scalable-36)*-1)
}
.v-mr-36 {
margin-inline-end:var(--size-scalable-36)}
.-v-mr-36 {
margin-inline-end: calc(var(--size-scalable-36)*-1)
}
.v-mx-36 {
margin-inline:var(--size-scalable-36)}
.-v-mx-36 {
margin-inline: calc(var(--size-scalable-36)*-1)
}
.v-my-36 {
margin-block:var(--size-scalable-36)}
.-v-my-36 {
margin-block: calc(var(--size-scalable-36)*-1)
}
.v-p-36 {
padding: var(--size-scalable-36)
}
.-v-p-36 {
padding: calc(var(--size-scalable-36)*-1)
}
.v-pt-36 {
padding-block-start:var(--size-scalable-36)}
.-v-pt-36 {
padding-block-start: calc(var(--size-scalable-36)*-1)
}
.v-pb-36 {
padding-block-end:var(--size-scalable-36)}
.-v-pb-36 {
padding-block-end: calc(var(--size-scalable-36)*-1)
}
.v-pl-36 {
padding-inline-start:var(--size-scalable-36)}
.-v-pl-36 {
padding-inline-start: calc(var(--size-scalable-36)*-1)
}
.v-pr-36 {
padding-inline-end:var(--size-scalable-36)}
.-v-pr-36 {
padding-inline-end: calc(var(--size-scalable-36)*-1)
}
.v-px-36 {
padding-inline:var(--size-scalable-36)}
.-v-px-36 {
padding-inline: calc(var(--size-scalable-36)*-1)
}
.v-py-36 {
padding-block:var(--size-scalable-36)}
.-v-py-36 {
padding-block: calc(var(--size-scalable-36)*-1)
}
.v-gap-36 {
gap: var(--size-scalable-36)
}
.-v-gap-36 {
gap: -36px
}
.v-col-gap-36 {
column-gap: var(--size-scalable-36)
}
.-v-col-gap-36 {
column-gap: calc(var(--size-scalable-36)*-1)
}
.v-row-gap-36 {
row-gap: var(--size-scalable-36)
}
.-v-row-gap-36 {
row-gap: calc(var(--size-scalable-36)*-1)
}
.v-m-37 {
margin: var(--size-scalable-37)
}
.-v-m-37 {
margin: calc(var(--size-scalable-37)*-1)
}
.v-mt-37 {
margin-block-start:var(--size-scalable-37)}
.-v-mt-37 {
margin-block-start: calc(var(--size-scalable-37)*-1)
}
.v-mb-37 {
margin-block-end:var(--size-scalable-37)}
.-v-mb-37 {
margin-block-end: calc(var(--size-scalable-37)*-1)
}
.v-ml-37 {
margin-inline-start:var(--size-scalable-37)}
.-v-ml-37 {
margin-inline-start: calc(var(--size-scalable-37)*-1)
}
.v-mr-37 {
margin-inline-end:var(--size-scalable-37)}
.-v-mr-37 {
margin-inline-end: calc(var(--size-scalable-37)*-1)
}
.v-mx-37 {
margin-inline:var(--size-scalable-37)}
.-v-mx-37 {
margin-inline: calc(var(--size-scalable-37)*-1)
}
.v-my-37 {
margin-block:var(--size-scalable-37)}
.-v-my-37 {
margin-block: calc(var(--size-scalable-37)*-1)
}
.v-p-37 {
padding: var(--size-scalable-37)
}
.-v-p-37 {
padding: calc(var(--size-scalable-37)*-1)
}
.v-pt-37 {
padding-block-start:var(--size-scalable-37)}
.-v-pt-37 {
padding-block-start: calc(var(--size-scalable-37)*-1)
}
.v-pb-37 {
padding-block-end:var(--size-scalable-37)}
.-v-pb-37 {
padding-block-end: calc(var(--size-scalable-37)*-1)
}
.v-pl-37 {
padding-inline-start:var(--size-scalable-37)}
.-v-pl-37 {
padding-inline-start: calc(var(--size-scalable-37)*-1)
}
.v-pr-37 {
padding-inline-end:var(--size-scalable-37)}
.-v-pr-37 {
padding-inline-end: calc(var(--size-scalable-37)*-1)
}
.v-px-37 {
padding-inline:var(--size-scalable-37)}
.-v-px-37 {
padding-inline: calc(var(--size-scalable-37)*-1)
}
.v-py-37 {
padding-block:var(--size-scalable-37)}
.-v-py-37 {
padding-block: calc(var(--size-scalable-37)*-1)
}
.v-gap-37 {
gap: var(--size-scalable-37)
}
.-v-gap-37 {
gap: -37px
}
.v-col-gap-37 {
column-gap: var(--size-scalable-37)
}
.-v-col-gap-37 {
column-gap: calc(var(--size-scalable-37)*-1)
}
.v-row-gap-37 {
row-gap: var(--size-scalable-37)
}
.-v-row-gap-37 {
row-gap: calc(var(--size-scalable-37)*-1)
}
.v-m-38 {
margin: var(--size-scalable-38)
}
.-v-m-38 {
margin: calc(var(--size-scalable-38)*-1)
}
.v-mt-38 {
margin-block-start:var(--size-scalable-38)}
.-v-mt-38 {
margin-block-start: calc(var(--size-scalable-38)*-1)
}
.v-mb-38 {
margin-block-end:var(--size-scalable-38)}
.-v-mb-38 {
margin-block-end: calc(var(--size-scalable-38)*-1)
}
.v-ml-38 {
margin-inline-start:var(--size-scalable-38)}
.-v-ml-38 {
margin-inline-start: calc(var(--size-scalable-38)*-1)
}
.v-mr-38 {
margin-inline-end:var(--size-scalable-38)}
.-v-mr-38 {
margin-inline-end: calc(var(--size-scalable-38)*-1)
}
.v-mx-38 {
margin-inline:var(--size-scalable-38)}
.-v-mx-38 {
margin-inline: calc(var(--size-scalable-38)*-1)
}
.v-my-38 {
margin-block:var(--size-scalable-38)}
.-v-my-38 {
margin-block: calc(var(--size-scalable-38)*-1)
}
.v-p-38 {
padding: var(--size-scalable-38)
}
.-v-p-38 {
padding: calc(var(--size-scalable-38)*-1)
}
.v-pt-38 {
padding-block-start:var(--size-scalable-38)}
.-v-pt-38 {
padding-block-start: calc(var(--size-scalable-38)*-1)
}
.v-pb-38 {
padding-block-end:var(--size-scalable-38)}
.-v-pb-38 {
padding-block-end: calc(var(--size-scalable-38)*-1)
}
.v-pl-38 {
padding-inline-start:var(--size-scalable-38)}
.-v-pl-38 {
padding-inline-start: calc(var(--size-scalable-38)*-1)
}
.v-pr-38 {
padding-inline-end:var(--size-scalable-38)}
.-v-pr-38 {
padding-inline-end: calc(var(--size-scalable-38)*-1)
}
.v-px-38 {
padding-inline:var(--size-scalable-38)}
.-v-px-38 {
padding-inline: calc(var(--size-scalable-38)*-1)
}
.v-py-38 {
padding-block:var(--size-scalable-38)}
.-v-py-38 {
padding-block: calc(var(--size-scalable-38)*-1)
}
.v-gap-38 {
gap: var(--size-scalable-38)
}
.-v-gap-38 {
gap: -38px
}
.v-col-gap-38 {
column-gap: var(--size-scalable-38)
}
.-v-col-gap-38 {
column-gap: calc(var(--size-scalable-38)*-1)
}
.v-row-gap-38 {
row-gap: var(--size-scalable-38)
}
.-v-row-gap-38 {
row-gap: calc(var(--size-scalable-38)*-1)
}
.v-m-39 {
margin: var(--size-scalable-39)
}
.-v-m-39 {
margin: calc(var(--size-scalable-39)*-1)
}
.v-mt-39 {
margin-block-start:var(--size-scalable-39)}
.-v-mt-39 {
margin-block-start: calc(var(--size-scalable-39)*-1)
}
.v-mb-39 {
margin-block-end:var(--size-scalable-39)}
.-v-mb-39 {
margin-block-end: calc(var(--size-scalable-39)*-1)
}
.v-ml-39 {
margin-inline-start:var(--size-scalable-39)}
.-v-ml-39 {
margin-inline-start: calc(var(--size-scalable-39)*-1)
}
.v-mr-39 {
margin-inline-end:var(--size-scalable-39)}
.-v-mr-39 {
margin-inline-end: calc(var(--size-scalable-39)*-1)
}
.v-mx-39 {
margin-inline:var(--size-scalable-39)}
.-v-mx-39 {
margin-inline: calc(var(--size-scalable-39)*-1)
}
.v-my-39 {
margin-block:var(--size-scalable-39)}
.-v-my-39 {
margin-block: calc(var(--size-scalable-39)*-1)
}
.v-p-39 {
padding: var(--size-scalable-39)
}
.-v-p-39 {
padding: calc(var(--size-scalable-39)*-1)
}
.v-pt-39 {
padding-block-start:var(--size-scalable-39)}
.-v-pt-39 {
padding-block-start: calc(var(--size-scalable-39)*-1)
}
.v-pb-39 {
padding-block-end:var(--size-scalable-39)}
.-v-pb-39 {
padding-block-end: calc(var(--size-scalable-39)*-1)
}
.v-pl-39 {
padding-inline-start:var(--size-scalable-39)}
.-v-pl-39 {
padding-inline-start: calc(var(--size-scalable-39)*-1)
}
.v-pr-39 {
padding-inline-end:var(--size-scalable-39)}
.-v-pr-39 {
padding-inline-end: calc(var(--size-scalable-39)*-1)
}
.v-px-39 {
padding-inline:var(--size-scalable-39)}
.-v-px-39 {
padding-inline: calc(var(--size-scalable-39)*-1)
}
.v-py-39 {
padding-block:var(--size-scalable-39)}
.-v-py-39 {
padding-block: calc(var(--size-scalable-39)*-1)
}
.v-gap-39 {
gap: var(--size-scalable-39)
}
.-v-gap-39 {
gap: -39px
}
.v-col-gap-39 {
column-gap: var(--size-scalable-39)
}
.-v-col-gap-39 {
column-gap: calc(var(--size-scalable-39)*-1)
}
.v-row-gap-39 {
row-gap: var(--size-scalable-39)
}
.-v-row-gap-39 {
row-gap: calc(var(--size-scalable-39)*-1)
}
.v-m-40 {
margin: var(--size-scalable-40)
}
.-v-m-40 {
margin: calc(var(--size-scalable-40)*-1)
}
.v-mt-40 {
margin-block-start:var(--size-scalable-40)}
.-v-mt-40 {
margin-block-start: calc(var(--size-scalable-40)*-1)
}
.v-mb-40 {
margin-block-end:var(--size-scalable-40)}
.-v-mb-40 {
margin-block-end: calc(var(--size-scalable-40)*-1)
}
.v-ml-40 {
margin-inline-start:var(--size-scalable-40)}
.-v-ml-40 {
margin-inline-start: calc(var(--size-scalable-40)*-1)
}
.v-mr-40 {
margin-inline-end:var(--size-scalable-40)}
.-v-mr-40 {
margin-inline-end: calc(var(--size-scalable-40)*-1)
}
.v-mx-40 {
margin-inline:var(--size-scalable-40)}
.-v-mx-40 {
margin-inline: calc(var(--size-scalable-40)*-1)
}
.v-my-40 {
margin-block:var(--size-scalable-40)}
.-v-my-40 {
margin-block: calc(var(--size-scalable-40)*-1)
}
.v-p-40 {
padding: var(--size-scalable-40)
}
.-v-p-40 {
padding: calc(var(--size-scalable-40)*-1)
}
.v-pt-40 {
padding-block-start:var(--size-scalable-40)}
.-v-pt-40 {
padding-block-start: calc(var(--size-scalable-40)*-1)
}
.v-pb-40 {
padding-block-end:var(--size-scalable-40)}
.-v-pb-40 {
padding-block-end: calc(var(--size-scalable-40)*-1)
}
.v-pl-40 {
padding-inline-start:var(--size-scalable-40)}
.-v-pl-40 {
padding-inline-start: calc(var(--size-scalable-40)*-1)
}
.v-pr-40 {
padding-inline-end:var(--size-scalable-40)}
.-v-pr-40 {
padding-inline-end: calc(var(--size-scalable-40)*-1)
}
.v-px-40 {
padding-inline:var(--size-scalable-40)}
.-v-px-40 {
padding-inline: calc(var(--size-scalable-40)*-1)
}
.v-py-40 {
padding-block:var(--size-scalable-40)}
.-v-py-40 {
padding-block: calc(var(--size-scalable-40)*-1)
}
.v-gap-40 {
gap: var(--size-scalable-40)
}
.-v-gap-40 {
gap: -40px
}
.v-col-gap-40 {
column-gap: var(--size-scalable-40)
}
.-v-col-gap-40 {
column-gap: calc(var(--size-scalable-40)*-1)
}
.v-row-gap-40 {
row-gap: var(--size-scalable-40)
}
.-v-row-gap-40 {
row-gap: calc(var(--size-scalable-40)*-1)
}
.v-m-41 {
margin: var(--size-scalable-41)
}
.-v-m-41 {
margin: calc(var(--size-scalable-41)*-1)
}
.v-mt-41 {
margin-block-start:var(--size-scalable-41)}
.-v-mt-41 {
margin-block-start: calc(var(--size-scalable-41)*-1)
}
.v-mb-41 {
margin-block-end:var(--size-scalable-41)}
.-v-mb-41 {
margin-block-end: calc(var(--size-scalable-41)*-1)
}
.v-ml-41 {
margin-inline-start:var(--size-scalable-41)}
.-v-ml-41 {
margin-inline-start: calc(var(--size-scalable-41)*-1)
}
.v-mr-41 {
margin-inline-end:var(--size-scalable-41)}
.-v-mr-41 {
margin-inline-end: calc(var(--size-scalable-41)*-1)
}
.v-mx-41 {
margin-inline:var(--size-scalable-41)}
.-v-mx-41 {
margin-inline: calc(var(--size-scalable-41)*-1)
}
.v-my-41 {
margin-block:var(--size-scalable-41)}
.-v-my-41 {
margin-block: calc(var(--size-scalable-41)*-1)
}
.v-p-41 {
padding: var(--size-scalable-41)
}
.-v-p-41 {
padding: calc(var(--size-scalable-41)*-1)
}
.v-pt-41 {
padding-block-start:var(--size-scalable-41)}
.-v-pt-41 {
padding-block-start: calc(var(--size-scalable-41)*-1)
}
.v-pb-41 {
padding-block-end:var(--size-scalable-41)}
.-v-pb-41 {
padding-block-end: calc(var(--size-scalable-41)*-1)
}
.v-pl-41 {
padding-inline-start:var(--size-scalable-41)}
.-v-pl-41 {
padding-inline-start: calc(var(--size-scalable-41)*-1)
}
.v-pr-41 {
padding-inline-end:var(--size-scalable-41)}
.-v-pr-41 {
padding-inline-end: calc(var(--size-scalable-41)*-1)
}
.v-px-41 {
padding-inline:var(--size-scalable-41)}
.-v-px-41 {
padding-inline: calc(var(--size-scalable-41)*-1)
}
.v-py-41 {
padding-block:var(--size-scalable-41)}
.-v-py-41 {
padding-block: calc(var(--size-scalable-41)*-1)
}
.v-gap-41 {
gap: var(--size-scalable-41)
}
.-v-gap-41 {
gap: -41px
}
.v-col-gap-41 {
column-gap: var(--size-scalable-41)
}
.-v-col-gap-41 {
column-gap: calc(var(--size-scalable-41)*-1)
}
.v-row-gap-41 {
row-gap: var(--size-scalable-41)
}
.-v-row-gap-41 {
row-gap: calc(var(--size-scalable-41)*-1)
}
.v-m-42 {
margin: var(--size-scalable-42)
}
.-v-m-42 {
margin: calc(var(--size-scalable-42)*-1)
}
.v-mt-42 {
margin-block-start:var(--size-scalable-42)}
.-v-mt-42 {
margin-block-start: calc(var(--size-scalable-42)*-1)
}
.v-mb-42 {
margin-block-end:var(--size-scalable-42)}
.-v-mb-42 {
margin-block-end: calc(var(--size-scalable-42)*-1)
}
.v-ml-42 {
margin-inline-start:var(--size-scalable-42)}
.-v-ml-42 {
margin-inline-start: calc(var(--size-scalable-42)*-1)
}
.v-mr-42 {
margin-inline-end:var(--size-scalable-42)}
.-v-mr-42 {
margin-inline-end: calc(var(--size-scalable-42)*-1)
}
.v-mx-42 {
margin-inline:var(--size-scalable-42)}
.-v-mx-42 {
margin-inline: calc(var(--size-scalable-42)*-1)
}
.v-my-42 {
margin-block:var(--size-scalable-42)}
.-v-my-42 {
margin-block: calc(var(--size-scalable-42)*-1)
}
.v-p-42 {
padding: var(--size-scalable-42)
}
.-v-p-42 {
padding: calc(var(--size-scalable-42)*-1)
}
.v-pt-42 {
padding-block-start:var(--size-scalable-42)}
.-v-pt-42 {
padding-block-start: calc(var(--size-scalable-42)*-1)
}
.v-pb-42 {
padding-block-end:var(--size-scalable-42)}
.-v-pb-42 {
padding-block-end: calc(var(--size-scalable-42)*-1)
}
.v-pl-42 {
padding-inline-start:var(--size-scalable-42)}
.-v-pl-42 {
padding-inline-start: calc(var(--size-scalable-42)*-1)
}
.v-pr-42 {
padding-inline-end:var(--size-scalable-42)}
.-v-pr-42 {
padding-inline-end: calc(var(--size-scalable-42)*-1)
}
.v-px-42 {
padding-inline:var(--size-scalable-42)}
.-v-px-42 {
padding-inline: calc(var(--size-scalable-42)*-1)
}
.v-py-42 {
padding-block:var(--size-scalable-42)}
.-v-py-42 {
padding-block: calc(var(--size-scalable-42)*-1)
}
.v-gap-42 {
gap: var(--size-scalable-42)
}
.-v-gap-42 {
gap: -42px
}
.v-col-gap-42 {
column-gap: var(--size-scalable-42)
}
.-v-col-gap-42 {
column-gap: calc(var(--size-scalable-42)*-1)
}
.v-row-gap-42 {
row-gap: var(--size-scalable-42)
}
.-v-row-gap-42 {
row-gap: calc(var(--size-scalable-42)*-1)
}
.v-m-43 {
margin: var(--size-scalable-43)
}
.-v-m-43 {
margin: calc(var(--size-scalable-43)*-1)
}
.v-mt-43 {
margin-block-start:var(--size-scalable-43)}
.-v-mt-43 {
margin-block-start: calc(var(--size-scalable-43)*-1)
}
.v-mb-43 {
margin-block-end:var(--size-scalable-43)}
.-v-mb-43 {
margin-block-end: calc(var(--size-scalable-43)*-1)
}
.v-ml-43 {
margin-inline-start:var(--size-scalable-43)}
.-v-ml-43 {
margin-inline-start: calc(var(--size-scalable-43)*-1)
}
.v-mr-43 {
margin-inline-end:var(--size-scalable-43)}
.-v-mr-43 {
margin-inline-end: calc(var(--size-scalable-43)*-1)
}
.v-mx-43 {
margin-inline:var(--size-scalable-43)}
.-v-mx-43 {
margin-inline: calc(var(--size-scalable-43)*-1)
}
.v-my-43 {
margin-block:var(--size-scalable-43)}
.-v-my-43 {
margin-block: calc(var(--size-scalable-43)*-1)
}
.v-p-43 {
padding: var(--size-scalable-43)
}
.-v-p-43 {
padding: calc(var(--size-scalable-43)*-1)
}
.v-pt-43 {
padding-block-start:var(--size-scalable-43)}
.-v-pt-43 {
padding-block-start: calc(var(--size-scalable-43)*-1)
}
.v-pb-43 {
padding-block-end:var(--size-scalable-43)}
.-v-pb-43 {
padding-block-end: calc(var(--size-scalable-43)*-1)
}
.v-pl-43 {
padding-inline-start:var(--size-scalable-43)}
.-v-pl-43 {
padding-inline-start: calc(var(--size-scalable-43)*-1)
}
.v-pr-43 {
padding-inline-end:var(--size-scalable-43)}
.-v-pr-43 {
padding-inline-end: calc(var(--size-scalable-43)*-1)
}
.v-px-43 {
padding-inline:var(--size-scalable-43)}
.-v-px-43 {
padding-inline: calc(var(--size-scalable-43)*-1)
}
.v-py-43 {
padding-block:var(--size-scalable-43)}
.-v-py-43 {
padding-block: calc(var(--size-scalable-43)*-1)
}
.v-gap-43 {
gap: var(--size-scalable-43)
}
.-v-gap-43 {
gap: -43px
}
.v-col-gap-43 {
column-gap: var(--size-scalable-43)
}
.-v-col-gap-43 {
column-gap: calc(var(--size-scalable-43)*-1)
}
.v-row-gap-43 {
row-gap: var(--size-scalable-43)
}
.-v-row-gap-43 {
row-gap: calc(var(--size-scalable-43)*-1)
}
.v-m-44 {
margin: var(--size-scalable-44)
}
.-v-m-44 {
margin: calc(var(--size-scalable-44)*-1)
}
.v-mt-44 {
margin-block-start:var(--size-scalable-44)}
.-v-mt-44 {
margin-block-start: calc(var(--size-scalable-44)*-1)
}
.v-mb-44 {
margin-block-end:var(--size-scalable-44)}
.-v-mb-44 {
margin-block-end: calc(var(--size-scalable-44)*-1)
}
.v-ml-44 {
margin-inline-start:var(--size-scalable-44)}
.-v-ml-44 {
margin-inline-start: calc(var(--size-scalable-44)*-1)
}
.v-mr-44 {
margin-inline-end:var(--size-scalable-44)}
.-v-mr-44 {
margin-inline-end: calc(var(--size-scalable-44)*-1)
}
.v-mx-44 {
margin-inline:var(--size-scalable-44)}
.-v-mx-44 {
margin-inline: calc(var(--size-scalable-44)*-1)
}
.v-my-44 {
margin-block:var(--size-scalable-44)}
.-v-my-44 {
margin-block: calc(var(--size-scalable-44)*-1)
}
.v-p-44 {
padding: var(--size-scalable-44)
}
.-v-p-44 {
padding: calc(var(--size-scalable-44)*-1)
}
.v-pt-44 {
padding-block-start:var(--size-scalable-44)}
.-v-pt-44 {
padding-block-start: calc(var(--size-scalable-44)*-1)
}
.v-pb-44 {
padding-block-end:var(--size-scalable-44)}
.-v-pb-44 {
padding-block-end: calc(var(--size-scalable-44)*-1)
}
.v-pl-44 {
padding-inline-start:var(--size-scalable-44)}
.-v-pl-44 {
padding-inline-start: calc(var(--size-scalable-44)*-1)
}
.v-pr-44 {
padding-inline-end:var(--size-scalable-44)}
.-v-pr-44 {
padding-inline-end: calc(var(--size-scalable-44)*-1)
}
.v-px-44 {
padding-inline:var(--size-scalable-44)}
.-v-px-44 {
padding-inline: calc(var(--size-scalable-44)*-1)
}
.v-py-44 {
padding-block:var(--size-scalable-44)}
.-v-py-44 {
padding-block: calc(var(--size-scalable-44)*-1)
}
.v-gap-44 {
gap: var(--size-scalable-44)
}
.-v-gap-44 {
gap: -44px
}
.v-col-gap-44 {
column-gap: var(--size-scalable-44)
}
.-v-col-gap-44 {
column-gap: calc(var(--size-scalable-44)*-1)
}
.v-row-gap-44 {
row-gap: var(--size-scalable-44)
}
.-v-row-gap-44 {
row-gap: calc(var(--size-scalable-44)*-1)
}
.v-m-45 {
margin: var(--size-scalable-45)
}
.-v-m-45 {
margin: calc(var(--size-scalable-45)*-1)
}
.v-mt-45 {
margin-block-start:var(--size-scalable-45)}
.-v-mt-45 {
margin-block-start: calc(var(--size-scalable-45)*-1)
}
.v-mb-45 {
margin-block-end:var(--size-scalable-45)}
.-v-mb-45 {
margin-block-end: calc(var(--size-scalable-45)*-1)
}
.v-ml-45 {
margin-inline-start:var(--size-scalable-45)}
.-v-ml-45 {
margin-inline-start: calc(var(--size-scalable-45)*-1)
}
.v-mr-45 {
margin-inline-end:var(--size-scalable-45)}
.-v-mr-45 {
margin-inline-end: calc(var(--size-scalable-45)*-1)
}
.v-mx-45 {
margin-inline:var(--size-scalable-45)}
.-v-mx-45 {
margin-inline: calc(var(--size-scalable-45)*-1)
}
.v-my-45 {
margin-block:var(--size-scalable-45)}
.-v-my-45 {
margin-block: calc(var(--size-scalable-45)*-1)
}
.v-p-45 {
padding: var(--size-scalable-45)
}
.-v-p-45 {
padding: calc(var(--size-scalable-45)*-1)
}
.v-pt-45 {
padding-block-start:var(--size-scalable-45)}
.-v-pt-45 {
padding-block-start: calc(var(--size-scalable-45)*-1)
}
.v-pb-45 {
padding-block-end:var(--size-scalable-45)}
.-v-pb-45 {
padding-block-end: calc(var(--size-scalable-45)*-1)
}
.v-pl-45 {
padding-inline-start:var(--size-scalable-45)}
.-v-pl-45 {
padding-inline-start: calc(var(--size-scalable-45)*-1)
}
.v-pr-45 {
padding-inline-end:var(--size-scalable-45)}
.-v-pr-45 {
padding-inline-end: calc(var(--size-scalable-45)*-1)
}
.v-px-45 {
padding-inline:var(--size-scalable-45)}
.-v-px-45 {
padding-inline: calc(var(--size-scalable-45)*-1)
}
.v-py-45 {
padding-block:var(--size-scalable-45)}
.-v-py-45 {
padding-block: calc(var(--size-scalable-45)*-1)
}
.v-gap-45 {
gap: var(--size-scalable-45)
}
.-v-gap-45 {
gap: -45px
}
.v-col-gap-45 {
column-gap: var(--size-scalable-45)
}
.-v-col-gap-45 {
column-gap: calc(var(--size-scalable-45)*-1)
}
.v-row-gap-45 {
row-gap: var(--size-scalable-45)
}
.-v-row-gap-45 {
row-gap: calc(var(--size-scalable-45)*-1)
}
.v-m-46 {
margin: var(--size-scalable-46)
}
.-v-m-46 {
margin: calc(var(--size-scalable-46)*-1)
}
.v-mt-46 {
margin-block-start:var(--size-scalable-46)}
.-v-mt-46 {
margin-block-start: calc(var(--size-scalable-46)*-1)
}
.v-mb-46 {
margin-block-end:var(--size-scalable-46)}
.-v-mb-46 {
margin-block-end: calc(var(--size-scalable-46)*-1)
}
.v-ml-46 {
margin-inline-start:var(--size-scalable-46)}
.-v-ml-46 {
margin-inline-start: calc(var(--size-scalable-46)*-1)
}
.v-mr-46 {
margin-inline-end:var(--size-scalable-46)}
.-v-mr-46 {
margin-inline-end: calc(var(--size-scalable-46)*-1)
}
.v-mx-46 {
margin-inline:var(--size-scalable-46)}
.-v-mx-46 {
margin-inline: calc(var(--size-scalable-46)*-1)
}
.v-my-46 {
margin-block:var(--size-scalable-46)}
.-v-my-46 {
margin-block: calc(var(--size-scalable-46)*-1)
}
.v-p-46 {
padding: var(--size-scalable-46)
}
.-v-p-46 {
padding: calc(var(--size-scalable-46)*-1)
}
.v-pt-46 {
padding-block-start:var(--size-scalable-46)}
.-v-pt-46 {
padding-block-start: calc(var(--size-scalable-46)*-1)
}
.v-pb-46 {
padding-block-end:var(--size-scalable-46)}
.-v-pb-46 {
padding-block-end: calc(var(--size-scalable-46)*-1)
}
.v-pl-46 {
padding-inline-start:var(--size-scalable-46)}
.-v-pl-46 {
padding-inline-start: calc(var(--size-scalable-46)*-1)
}
.v-pr-46 {
padding-inline-end:var(--size-scalable-46)}
.-v-pr-46 {
padding-inline-end: calc(var(--size-scalable-46)*-1)
}
.v-px-46 {
padding-inline:var(--size-scalable-46)}
.-v-px-46 {
padding-inline: calc(var(--size-scalable-46)*-1)
}
.v-py-46 {
padding-block:var(--size-scalable-46)}
.-v-py-46 {
padding-block: calc(var(--size-scalable-46)*-1)
}
.v-gap-46 {
gap: var(--size-scalable-46)
}
.-v-gap-46 {
gap: -46px
}
.v-col-gap-46 {
column-gap: var(--size-scalable-46)
}
.-v-col-gap-46 {
column-gap: calc(var(--size-scalable-46)*-1)
}
.v-row-gap-46 {
row-gap: var(--size-scalable-46)
}
.-v-row-gap-46 {
row-gap: calc(var(--size-scalable-46)*-1)
}
.v-m-47 {
margin: var(--size-scalable-47)
}
.-v-m-47 {
margin: calc(var(--size-scalable-47)*-1)
}
.v-mt-47 {
margin-block-start:var(--size-scalable-47)}
.-v-mt-47 {
margin-block-start: calc(var(--size-scalable-47)*-1)
}
.v-mb-47 {
margin-block-end:var(--size-scalable-47)}
.-v-mb-47 {
margin-block-end: calc(var(--size-scalable-47)*-1)
}
.v-ml-47 {
margin-inline-start:var(--size-scalable-47)}
.-v-ml-47 {
margin-inline-start: calc(var(--size-scalable-47)*-1)
}
.v-mr-47 {
margin-inline-end:var(--size-scalable-47)}
.-v-mr-47 {
margin-inline-end: calc(var(--size-scalable-47)*-1)
}
.v-mx-47 {
margin-inline:var(--size-scalable-47)}
.-v-mx-47 {
margin-inline: calc(var(--size-scalable-47)*-1)
}
.v-my-47 {
margin-block:var(--size-scalable-47)}
.-v-my-47 {
margin-block: calc(var(--size-scalable-47)*-1)
}
.v-p-47 {
padding: var(--size-scalable-47)
}
.-v-p-47 {
padding: calc(var(--size-scalable-47)*-1)
}
.v-pt-47 {
padding-block-start:var(--size-scalable-47)}
.-v-pt-47 {
padding-block-start: calc(var(--size-scalable-47)*-1)
}
.v-pb-47 {
padding-block-end:var(--size-scalable-47)}
.-v-pb-47 {
padding-block-end: calc(var(--size-scalable-47)*-1)
}
.v-pl-47 {
padding-inline-start:var(--size-scalable-47)}
.-v-pl-47 {
padding-inline-start: calc(var(--size-scalable-47)*-1)
}
.v-pr-47 {
padding-inline-end:var(--size-scalable-47)}
.-v-pr-47 {
padding-inline-end: calc(var(--size-scalable-47)*-1)
}
.v-px-47 {
padding-inline:var(--size-scalable-47)}
.-v-px-47 {
padding-inline: calc(var(--size-scalable-47)*-1)
}
.v-py-47 {
padding-block:var(--size-scalable-47)}
.-v-py-47 {
padding-block: calc(var(--size-scalable-47)*-1)
}
.v-gap-47 {
gap: var(--size-scalable-47)
}
.-v-gap-47 {
gap: -47px
}
.v-col-gap-47 {
column-gap: var(--size-scalable-47)
}
.-v-col-gap-47 {
column-gap: calc(var(--size-scalable-47)*-1)
}
.v-row-gap-47 {
row-gap: var(--size-scalable-47)
}
.-v-row-gap-47 {
row-gap: calc(var(--size-scalable-47)*-1)
}
.v-m-48 {
margin: var(--size-scalable-48)
}
.-v-m-48 {
margin: calc(var(--size-scalable-48)*-1)
}
.v-mt-48 {
margin-block-start:var(--size-scalable-48)}
.-v-mt-48 {
margin-block-start: calc(var(--size-scalable-48)*-1)
}
.v-mb-48 {
margin-block-end:var(--size-scalable-48)}
.-v-mb-48 {
margin-block-end: calc(var(--size-scalable-48)*-1)
}
.v-ml-48 {
margin-inline-start:var(--size-scalable-48)}
.-v-ml-48 {
margin-inline-start: calc(var(--size-scalable-48)*-1)
}
.v-mr-48 {
margin-inline-end:var(--size-scalable-48)}
.-v-mr-48 {
margin-inline-end: calc(var(--size-scalable-48)*-1)
}
.v-mx-48 {
margin-inline:var(--size-scalable-48)}
.-v-mx-48 {
margin-inline: calc(var(--size-scalable-48)*-1)
}
.v-my-48 {
margin-block:var(--size-scalable-48)}
.-v-my-48 {
margin-block: calc(var(--size-scalable-48)*-1)
}
.v-p-48 {
padding: var(--size-scalable-48)
}
.-v-p-48 {
padding: calc(var(--size-scalable-48)*-1)
}
.v-pt-48 {
padding-block-start:var(--size-scalable-48)}
.-v-pt-48 {
padding-block-start: calc(var(--size-scalable-48)*-1)
}
.v-pb-48 {
padding-block-end:var(--size-scalable-48)}
.-v-pb-48 {
padding-block-end: calc(var(--size-scalable-48)*-1)
}
.v-pl-48 {
padding-inline-start:var(--size-scalable-48)}
.-v-pl-48 {
padding-inline-start: calc(var(--size-scalable-48)*-1)
}
.v-pr-48 {
padding-inline-end:var(--size-scalable-48)}
.-v-pr-48 {
padding-inline-end: calc(var(--size-scalable-48)*-1)
}
.v-px-48 {
padding-inline:var(--size-scalable-48)}
.-v-px-48 {
padding-inline: calc(var(--size-scalable-48)*-1)
}
.v-py-48 {
padding-block:var(--size-scalable-48)}
.-v-py-48 {
padding-block: calc(var(--size-scalable-48)*-1)
}
.v-gap-48 {
gap: var(--size-scalable-48)
}
.-v-gap-48 {
gap: -48px
}
.v-col-gap-48 {
column-gap: var(--size-scalable-48)
}
.-v-col-gap-48 {
column-gap: calc(var(--size-scalable-48)*-1)
}
.v-row-gap-48 {
row-gap: var(--size-scalable-48)
}
.-v-row-gap-48 {
row-gap: calc(var(--size-scalable-48)*-1)
}
.v-m-inherit {
margin: inherit
}
.v-m-auto {
margin: auto
}
.v-mt-inherit {
margin-block-start:inherit}
.v-mt-auto {
margin-block-start:auto}
.v-mb-inherit {
margin-block-end:inherit}
.v-mb-auto {
margin-block-end:auto}
.v-ml-inherit {
margin-inline-start:inherit}
.v-ml-auto {
margin-inline-start:auto}
.v-mr-inherit {
margin-inline-end:inherit}
.v-mr-auto {
margin-inline-end:auto}
.v-mx-inherit {
margin-inline:inherit}
.v-mx-auto {
margin-inline:auto}
.v-my-inherit {
margin-block:inherit}
.v-my-auto {
margin-block:auto}
.v-p-inherit {
padding: inherit
}
.v-pt-inherit {
padding-block-start:inherit}
.v-pb-inherit {
padding-block-end:inherit}
.v-pl-inherit {
padding-inline-start:inherit}
.v-pr-inherit {
padding-inline-end:inherit}
.v-px-inherit {
padding-inline:inherit}
.v-py-inherit {
padding-block:inherit}
.v-gap-inherit {
gap: inherit
}
.v-gap-normal {
gap: normal
}
.v-col-gap-inherit {
column-gap: inherit
}
.v-col-gap-normal {
column-gap: normal
}
.v-row-gap-inherit {
row-gap: inherit
}
.v-row-gap-normal {
row-gap: normal
}
}
@layer utilities {
.v-typography-display-1 {
--typography-font-family: var(--typography-display-1-font-family);
--typography-font-size: var(--typography-display-1-font-size);
--typography-font-weight: var(--typography-display-1-font-weight);
--typography-letter-spacing: var(--typography-display-1-letter-spacing);
--typography-line-height: var(--typography-display-1-line-height);
--typography-text-decoration: var(--typography-display-1-text-decoration);
--typography-text-transform: var(--typography-display-1-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-display-2 {
--typography-font-family: var(--typography-display-2-font-family);
--typography-font-size: var(--typography-display-2-font-size);
--typography-font-weight: var(--typography-display-2-font-weight);
--typography-letter-spacing: var(--typography-display-2-letter-spacing);
--typography-line-height: var(--typography-display-2-line-height);
--typography-text-decoration: var(--typography-display-2-text-decoration);
--typography-text-transform: var(--typography-display-2-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-headline-1 {
--typography-font-family: var(--typography-headline-1-font-family);
--typography-font-size: var(--typography-headline-1-font-size);
--typography-font-weight: var(--typography-headline-1-font-weight);
--typography-letter-spacing: var(--typography-headline-1-letter-spacing);
--typography-line-height: var(--typography-headline-1-line-height);
--typography-text-decoration: var(--typography-headline-1-text-decoration);
--typography-text-transform: var(--typography-headline-1-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-headline-2 {
--typography-font-family: var(--typography-headline-2-font-family);
--typography-font-size: var(--typography-headline-2-font-size);
--typography-font-weight: var(--typography-headline-2-font-weight);
--typography-letter-spacing: var(--typography-headline-2-letter-spacing);
--typography-line-height: var(--typography-headline-2-line-height);
--typography-text-decoration: var(--typography-headline-2-text-decoration);
--typography-text-transform: var(--typography-headline-2-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-headline-3 {
--typography-font-family: var(--typography-headline-3-font-family);
--typography-font-size: var(--typography-headline-3-font-size);
--typography-font-weight: var(--typography-headline-3-font-weight);
--typography-letter-spacing: var(--typography-headline-3-letter-spacing);
--typography-line-height: var(--typography-headline-3-line-height);
--typography-text-decoration: var(--typography-headline-3-text-decoration);
--typography-text-transform: var(--typography-headline-3-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-headline-4 {
--typography-font-family: var(--typography-headline-4-font-family);
--typography-font-size: var(--typography-headline-4-font-size);
--typography-font-weight: var(--typography-headline-4-font-weight);
--typography-letter-spacing: var(--typography-headline-4-letter-spacing);
--typography-line-height: var(--typography-headline-4-line-height);
--typography-text-decoration: var(--typography-headline-4-text-decoration);
--typography-text-transform: var(--typography-headline-4-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-subtitle-1 {
--typography-font-family: var(--typography-subtitle-1-font-family);
--typography-font-size: var(--typography-subtitle-1-font-size);
--typography-font-weight: var(--typography-subtitle-1-font-weight);
--typography-letter-spacing: var(--typography-subtitle-1-letter-spacing);
--typography-line-height: var(--typography-subtitle-1-line-height);
--typography-text-decoration: var(--typography-subtitle-1-text-decoration);
--typography-text-transform: var(--typography-subtitle-1-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-subtitle-2 {
--typography-font-family: var(--typography-subtitle-2-font-family);
--typography-font-size: var(--typography-subtitle-2-font-size);
--typography-font-weight: var(--typography-subtitle-2-font-weight);
--typography-letter-spacing: var(--typography-subtitle-2-letter-spacing);
--typography-line-height: var(--typography-subtitle-2-line-height);
--typography-text-decoration: var(--typography-subtitle-2-text-decoration);
--typography-text-transform: var(--typography-subtitle-2-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-subtitle-3 {
--typography-font-family: var(--typography-subtitle-3-font-family);
--typography-font-size: var(--typography-subtitle-3-font-size);
--typography-font-weight: var(--typography-subtitle-3-font-weight);
--typography-letter-spacing: var(--typography-subtitle-3-letter-spacing);
--typography-line-height: var(--typography-subtitle-3-line-height);
--typography-text-decoration: var(--typography-subtitle-3-text-decoration);
--typography-text-transform: var(--typography-subtitle-3-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-overline {
--typography-font-family: var(--typography-overline-font-family);
--typography-font-size: var(--typography-overline-font-size);
--typography-font-weight: var(--typography-overline-font-weight);
--typography-letter-spacing: var(--typography-overline-letter-spacing);
--typography-line-height: var(--typography-overline-line-height);
--typography-text-decoration: var(--typography-overline-text-decoration);
--typography-text-transform: var(--typography-overline-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-body-1 {
--typography-font-family: var(--typography-body-1-font-family);
--typography-font-size: var(--typography-body-1-font-size);
--typography-font-weight: var(--typography-body-1-font-weight);
--typography-letter-spacing: var(--typography-body-1-letter-spacing);
--typography-line-height: var(--typography-body-1-line-height);
--typography-text-decoration: var(--typography-body-1-text-decoration);
--typography-text-transform: var(--typography-body-1-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-body-2 {
--typography-font-family: var(--typography-body-2-font-family);
--typography-font-size: var(--typography-body-2-font-size);
--typography-font-weight: var(--typography-body-2-font-weight);
--typography-letter-spacing: var(--typography-body-2-letter-spacing);
--typography-line-height: var(--typography-body-2-line-height);
--typography-text-decoration: var(--typography-body-2-text-decoration);
--typography-text-transform: var(--typography-body-2-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-body-2-bold {
--typography-font-family: var(--typography-body-2-bold-font-family);
--typography-font-size: var(--typography-body-2-bold-font-size);
--typography-font-weight: var(--typography-body-2-bold-font-weight);
--typography-letter-spacing: var(--typography-body-2-bold-letter-spacing);
--typography-line-height: var(--typography-body-2-bold-line-height);
--typography-text-decoration: var(--typography-body-2-bold-text-decoration);
--typography-text-transform: var(--typography-body-2-bold-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-body-2-link {
--typography-font-family: var(--typography-body-2-link-font-family);
--typography-font-size: var(--typography-body-2-link-font-size);
--typography-font-weight: var(--typography-body-2-link-font-weight);
--typography-letter-spacing: var(--typography-body-2-link-letter-spacing);
--typography-line-height: var(--typography-body-2-link-line-height);
--typography-text-decoration: var(--typography-body-2-link-text-decoration);
--typography-text-transform: var(--typography-body-2-link-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-body-2-medium {
--typography-font-family: var(--typography-body-2-medium-font-family);
--typography-font-size: var(--typography-body-2-medium-font-size);
--typography-font-weight: var(--typography-body-2-medium-font-weight);
--typography-letter-spacing: var(--typography-body-2-medium-letter-spacing);
--typography-line-height: var(--typography-body-2-medium-line-height);
--typography-text-decoration: var(--typography-body-2-medium-text-decoration);
--typography-text-transform: var(--typography-body-2-medium-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-body-3 {
--typography-font-family: var(--typography-body-3-font-family);
--typography-font-size: var(--typography-body-3-font-size);
--typography-font-weight: var(--typography-body-3-font-weight);
--typography-letter-spacing: var(--typography-body-3-letter-spacing);
--typography-line-height: var(--typography-body-3-line-height);
--typography-text-decoration: var(--typography-body-3-text-decoration);
--typography-text-transform: var(--typography-body-3-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-button-medium {
--typography-font-family: var(--typography-button-medium-font-family);
--typography-font-size: var(--typography-button-medium-font-size);
--typography-font-weight: var(--typography-button-medium-font-weight);
--typography-letter-spacing: var(--typography-button-medium-letter-spacing);
--typography-line-height: var(--typography-button-medium-line-height);
--typography-text-decoration: var(--typography-button-medium-text-decoration);
--typography-text-transform: var(--typography-button-medium-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-button-large {
--typography-font-family: var(--typography-button-large-font-family);
--typography-font-size: var(--typography-button-large-font-size);
--typography-font-weight: var(--typography-button-large-font-weight);
--typography-letter-spacing: var(--typography-button-large-letter-spacing);
--typography-line-height: var(--typography-button-large-line-height);
--typography-text-decoration: var(--typography-button-large-text-decoration);
--typography-text-transform: var(--typography-button-large-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-button-small {
--typography-font-family: var(--typography-button-small-font-family);
--typography-font-size: var(--typography-button-small-font-size);
--typography-font-weight: var(--typography-button-small-font-weight);
--typography-letter-spacing: var(--typography-button-small-letter-spacing);
--typography-line-height: var(--typography-button-small-line-height);
--typography-text-decoration: var(--typography-button-small-text-decoration);
--typography-text-transform: var(--typography-button-small-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-label-large {
--typography-font-family: var(--typography-label-large-font-family);
--typography-font-size: var(--typography-label-large-font-size);
--typography-font-weight: var(--typography-label-large-font-weight);
--typography-letter-spacing: var(--typography-label-large-letter-spacing);
--typography-line-height: var(--typography-label-large-line-height);
--typography-text-decoration: var(--typography-label-large-text-decoration);
--typography-text-transform: var(--typography-label-large-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-label-large-active {
--typography-font-family: var(--typography-label-large-active-font-family);
--typography-font-size: var(--typography-label-large-active-font-size);
--typography-font-weight: var(--typography-label-large-active-font-weight);
--typography-letter-spacing: var(--typography-label-large-active-letter-spacing);
--typography-line-height: var(--typography-label-large-active-line-height);
--typography-text-decoration: var(--typography-label-large-active-text-decoration);
--typography-text-transform: var(--typography-label-large-active-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-label {
--typography-font-family: var(--typography-label-font-family);
--typography-font-size: var(--typography-label-font-size);
--typography-font-weight: var(--typography-label-font-weight);
--typography-letter-spacing: var(--typography-label-letter-spacing);
--typography-line-height: var(--typography-label-line-height);
--typography-text-decoration: var(--typography-label-text-decoration);
--typography-text-transform: var(--typography-label-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-label-active {
--typography-font-family: var(--typography-label-active-font-family);
--typography-font-size: var(--typography-label-active-font-size);
--typography-font-weight: var(--typography-label-active-font-weight);
--typography-letter-spacing: var(--typography-label-active-letter-spacing);
--typography-line-height: var(--typography-label-active-line-height);
--typography-text-decoration: var(--typography-label-active-text-decoration);
--typography-text-transform: var(--typography-label-active-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-label-small {
--typography-font-family: var(--typography-label-small-font-family);
--typography-font-size: var(--typography-label-small-font-size);
--typography-font-weight: var(--typography-label-small-font-weight);
--typography-letter-spacing: var(--typography-label-small-letter-spacing);
--typography-line-height: var(--typography-label-small-line-height);
--typography-text-decoration: var(--typography-label-small-text-decoration);
--typography-text-transform: var(--typography-label-small-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-label-small-active {
--typography-font-family: var(--typography-label-small-active-font-family);
--typography-font-size: var(--typography-label-small-active-font-size);
--typography-font-weight: var(--typography-label-small-active-font-weight);
--typography-letter-spacing: var(--typography-label-small-active-letter-spacing);
--typography-line-height: var(--typography-label-small-active-line-height);
--typography-text-decoration: var(--typography-label-small-active-text-decoration);
--typography-text-transform: var(--typography-label-small-active-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-typography-color-default {
color: var(--palette-default-text)
}
.v-typography-color-subtle {
color: var(--palette-default-text-subtle)
}
.v-typography-color-active {
color: var(--palette-default-active)
}
.v-typography-color-on-active {
color: var(--palette-default-on-active)
}
}
@layer base {
*,*:before,*:after {
box-sizing: border-box
}
html {
--theme-font-size: 14px;
--theme-focus-outline-size: 1px;
--theme-focus-outline-offset: 1px;
--theme-border-size: 1px;
--theme-border-radius: 0px;
--theme-responsive-factor: 1;
--theme-scale-factor: 1;
font-family: sans-serif;
font-size: var(--theme-font-size)
}
body {
--typography-font-family: var(--typography-body-2-font-family);
--typography-font-size: var(--typography-body-2-font-size);
--typography-font-weight: var(--typography-body-2-font-weight);
--typography-letter-spacing: var(--typography-body-2-letter-spacing);
--typography-line-height: var(--typography-body-2-line-height);
--typography-text-decoration: var(--typography-body-2-text-decoration);
--typography-text-transform: var(--typography-body-2-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
background-color: var(--palette-default-surface-2);
color: var(--palette-default-text)
}
hr {
border-width: var(--theme-border-size);
border-style: solid;
border-color: var(--palette-default-border)
}
.v-icons {
display: none
}
*:focus-visible {
outline-width: var(--theme-focus-outline-size);
outline-style: dashed;
outline-color: var(--palette-default-active-pressed);
outline-offset: var(--theme-focus-outline-offset)
}
}
@layer theme {
@media only screen and (max-width: 767px) {
html {
font-size:calc(var(--theme-font-size)*var(--theme-responsive-factor))
}
}
}
@layer abstracts {
:root,.v-alternate {
--v-action-primary-block-size: var(--size-scalable-38);
--v-action-primary-font-size: var(--typography-label-font-size);
--v-action-primary-font-weight: 600;
--v-action-primary-letter-spacing: .25px;
--v-action-primary-line-height: var(--typography-label-line-height);
--v-action-primary-padding-block: calc(var(--size-scalable-10) - var(--v-action-primary-border-size));
--v-action-primary-padding-inline: calc(var(--size-scalable-14) - var(--v-action-primary-border-size));
--v-action-primary-background: var(--palette-default-active);
--v-action-primary-border-color: var(--palette-default-active);
--v-action-primary-border-radius: var(--size-rounded-medium);
--v-action-primary-border-size: var(--theme-border-size);
--v-action-primary-border-style: solid;
--v-action-primary-foreground: var(--palette-default-text-on-active);
--v-action-primary-hover-background: var(--palette-default-active-hover);
--v-action-primary-hover-border-color: var(--palette-default-active-hover);
--v-action-primary-hover-foreground: var(--palette-default-text-on-active);
--v-action-primary-focus-background: var(--palette-default-active-hover);
--v-action-primary-focus-border-color: var(--palette-default-active-hover);
--v-action-primary-focus-foreground: var(--palette-default-text-on-active);
--v-action-primary-active-background: var(--palette-default-active-pressed);
--v-action-primary-active-border-color: var(--palette-default-active-pressed);
--v-action-primary-active-foreground: var(--palette-default-text-on-active);
--v-action-primary-disabled-background: var(--palette-default-disabled);
--v-action-primary-disabled-border-color: var(--palette-default-transparent);
--v-action-primary-disabled-foreground: var(--palette-default-text-on-active)
}
}
@layer abstracts {
.v-action-stateless {
background-color: var(--v-action-primary-background);
border-color: var(--v-action-primary-border-color);
border-radius: var(--v-action-primary-border-radius);
border-style: var(--v-action-primary-border-style);
border-width: var(--v-action-primary-border-size);
color: var(--v-action-primary-foreground);
font-size: var(--v-action-primary-font-size);
font-weight: var(--v-action-primary-font-weight);
letter-spacing: var(--v-action-primary-letter-spacing);
line-height: var(--v-action-primary-line-height)
}
}
@layer abstracts {
.v-switch:only-of-type:checked,.v-chip-selection:has(.v-checkbox:checked),.v-action {
background-color: var(--v-action-primary-background);
border-color: var(--v-action-primary-border-color);
border-radius: var(--v-action-primary-border-radius);
border-style: var(--v-action-primary-border-style);
border-width: var(--v-action-primary-border-size);
color: var(--v-action-primary-foreground);
font-size: var(--v-action-primary-font-size);
font-weight: var(--v-action-primary-font-weight);
letter-spacing: var(--v-action-primary-letter-spacing);
line-height: var(--v-action-primary-line-height);
block-size: var(--v-action-primary-block-size);
cursor: pointer;
padding-block:var(--v-action-primary-padding-block);padding-inline: var(--v-action-primary-padding-inline)
}
.v-switch:hover:only-of-type:checked,.v-chip-selection:hover:has(.v-checkbox:checked),.v-action:hover {
--v-action-primary-background: var(--v-action-primary-hover-background);
--v-action-primary-border-color: var(--v-action-primary-hover-border-color);
--v-action-primary-foreground: var(--v-action-primary-hover-foreground)
}
.v-switch:focus-visible:only-of-type:checked,.v-chip-selection:focus-visible:has(.v-checkbox:checked),.v-action:focus-visible {
--v-action-primary-background: var(--v-action-primary-focus-background);
--v-action-primary-border-color: var(--v-action-primary-focus-border-color);
--v-action-primary-foreground: var(--v-action-primary-focus-foreground)
}
.v-switch:active:only-of-type:checked,.v-chip-selection:active:has(.v-checkbox:checked),.v-action:active {
--v-action-primary-background: var(--v-action-primary-active-background);
--v-action-primary-border-color: var(--v-action-primary-active-border-color);
--v-action-primary-foreground: var(--v-action-primary-active-foreground)
}
.v-switch:has(.v-checkbox:only-of-type):only-of-type:checked,.v-chip-selection:has(.v-checkbox:only-of-type):has(.v-checkbox:checked),.v-switch:has(.v-radio:only-of-type):only-of-type:checked,.v-chip-selection:has(.v-radio:only-of-type):has(.v-checkbox:checked),.v-action:has(.v-checkbox:only-of-type),.v-action:has(.v-radio:only-of-type) {
--v-action-primary-block-size: 100%
}
.v-switch:has(.v-checkbox:only-of-type):has(.v-checkbox:focus-visible):only-of-type:checked,.v-chip-selection:has(.v-checkbox:only-of-type):has(.v-checkbox:focus-visible):has(.v-checkbox:checked),.v-switch:has(.v-checkbox:only-of-type):has(.v-radio:focus-visible):only-of-type:checked,.v-chip-selection:has(.v-checkbox:only-of-type):has(.v-radio:focus-visible):has(.v-checkbox:checked),.v-switch:has(.v-radio:only-of-type):has(.v-checkbox:focus-visible):only-of-type:checked,.v-chip-selection:has(.v-radio:only-of-type):has(.v-checkbox:focus-visible):has(.v-checkbox:checked),.v-switch:has(.v-radio:only-of-type):has(.v-radio:focus-visible):only-of-type:checked,.v-chip-selection:has(.v-radio:only-of-type):has(.v-radio:focus-visible):has(.v-checkbox:checked),.v-action:has(.v-checkbox:only-of-type):has(.v-checkbox:focus-visible),.v-action:has(.v-checkbox:only-of-type):has(.v-radio:focus-visible),.v-action:has(.v-radio:only-of-type):has(.v-checkbox:focus-visible),.v-action:has(.v-radio:only-of-type):has(.v-radio:focus-visible) {
outline-width: var(--theme-focus-outline-size);
outline-style: dashed;
outline-color: var(--palette-default-active-pressed);
outline-offset: var(--theme-focus-outline-offset)
}
.v-switch:has(.v-checkbox:only-of-type):only-of-type:checked .v-label:only-of-type,.v-chip-selection:has(.v-checkbox:only-of-type):has(.v-checkbox:checked) .v-label:only-of-type,.v-switch:has(.v-radio:only-of-type):only-of-type:checked .v-label:only-of-type,.v-chip-selection:has(.v-radio:only-of-type):has(.v-checkbox:checked) .v-label:only-of-type,.v-action:has(.v-checkbox:only-of-type) .v-label:only-of-type,.v-action:has(.v-radio:only-of-type) .v-label:only-of-type {
inline-size: 100%
}
.v-switch:has(.v-checkbox:only-of-type):only-of-type:checked .v-checkbox:focus-visible,.v-chip-selection:has(.v-checkbox:only-of-type):has(.v-checkbox:checked) .v-checkbox:focus-visible,.v-switch:has(.v-checkbox:only-of-type):only-of-type:checked .v-radio:focus-visible,.v-chip-selection:has(.v-checkbox:only-of-type):has(.v-checkbox:checked) .v-radio:focus-visible,.v-switch:has(.v-radio:only-of-type):only-of-type:checked .v-checkbox:focus-visible,.v-chip-selection:has(.v-radio:only-of-type):has(.v-checkbox:checked) .v-checkbox:focus-visible,.v-switch:has(.v-radio:only-of-type):only-of-type:checked .v-radio:focus-visible,.v-chip-selection:has(.v-radio:only-of-type):has(.v-checkbox:checked) .v-radio:focus-visible,.v-action:has(.v-checkbox:only-of-type) .v-checkbox:focus-visible,.v-action:has(.v-checkbox:only-of-type) .v-radio:focus-visible,.v-action:has(.v-radio:only-of-type) .v-checkbox:focus-visible,.v-action:has(.v-radio:only-of-type) .v-radio:focus-visible {
outline: none
}
.v-switch:has(.v-checkbox:only-of-type):only-of-type:checked .v-checkbox:focus-visible:after,.v-chip-selection:has(.v-checkbox:only-of-type):has(.v-checkbox:checked) .v-checkbox:focus-visible:after,.v-switch:has(.v-checkbox:only-of-type):only-of-type:checked .v-radio:focus-visible:after,.v-chip-selection:has(.v-checkbox:only-of-type):has(.v-checkbox:checked) .v-radio:focus-visible:after,.v-switch:has(.v-radio:only-of-type):only-of-type:checked .v-checkbox:focus-visible:after,.v-chip-selection:has(.v-radio:only-of-type):has(.v-checkbox:checked) .v-checkbox:focus-visible:after,.v-switch:has(.v-radio:only-of-type):only-of-type:checked .v-radio:focus-visible:after,.v-chip-selection:has(.v-radio:only-of-type):has(.v-checkbox:checked) .v-radio:focus-visible:after,.v-action:has(.v-checkbox:only-of-type) .v-checkbox:focus-visible:after,.v-action:has(.v-checkbox:only-of-type) .v-radio:focus-visible:after,.v-action:has(.v-radio:only-of-type) .v-checkbox:focus-visible:after,.v-action:has(.v-radio:only-of-type) .v-radio:focus-visible:after {
display: none
}
[disabled].v-switch: only-of-type:checked,[disabled].v-chip-selection:has(.v-checkbox:checked),.v-switch:has(.v-checkbox:only-of-type:disabled):only-of-type:checked,.v-chip-selection:has(.v-checkbox:only-of-type:disabled):has(.v-checkbox:checked),.v-switch:has(.v-radio:only-of-type:disabled):only-of-type:checked,.v-chip-selection:has(.v-radio:only-of-type:disabled):has(.v-checkbox:checked),.v-action[disabled],.v-action:has(.v-checkbox:only-of-type:disabled),.v-action:has(.v-radio:only-of-type:disabled) {
--v-action-primary-background:var(--v-action-primary-disabled-background);
--v-action-primary-border-color: var(--v-action-primary-disabled-border-color);
--v-action-primary-foreground: var(--v-action-primary-disabled-foreground);
--v-input-label: var(--v-action-primary-disabled-foreground);
--v-input-message: var(--v-action-primary-disabled-foreground);
cursor: default
}
}
@layer components {
.v-action-primary:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-radio,.v-action-primary:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-radio:hover,.v-action-primary:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-radio:focus-visible,.v-action-primary:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-radio:active,.v-action-primary:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-checkbox,.v-action-primary:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-checkbox:hover,.v-action-primary:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-checkbox:focus-visible,.v-action-primary:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-checkbox:active,.v-action-primary:not(.v-action-stateless):has(.v-radio:only-of-type) .v-radio,.v-action-primary:not(.v-action-stateless):has(.v-radio:only-of-type) .v-radio:hover,.v-action-primary:not(.v-action-stateless):has(.v-radio:only-of-type) .v-radio:focus-visible,.v-action-primary:not(.v-action-stateless):has(.v-radio:only-of-type) .v-radio:active,.v-action-primary:not(.v-action-stateless):has(.v-radio:only-of-type) .v-checkbox,.v-action-primary:not(.v-action-stateless):has(.v-radio:only-of-type) .v-checkbox:hover,.v-action-primary:not(.v-action-stateless):has(.v-radio:only-of-type) .v-checkbox:focus-visible,.v-action-primary:not(.v-action-stateless):has(.v-radio:only-of-type) .v-checkbox:active {
--v-checkbox-glow-color: rgba(0,0,0,0)
}
.v-action-primary:not(.v-action-stateless):has(.v-checkbox:only-of-type):hover,.v-action-primary:not(.v-action-stateless):has(.v-radio:only-of-type):hover {
--v-checkbox-color: var(--v-checkbox-hover-color)
}
.v-action-primary:not(.v-action-stateless):has(.v-checkbox:only-of-type):focus-visible,.v-action-primary:not(.v-action-stateless):has(.v-radio:only-of-type):focus-visible {
--v-checkbox-color: var(--v-checkbox-focus-color)
}
.v-action-primary:not(.v-action-stateless):has(.v-checkbox:only-of-type):active,.v-action-primary:not(.v-action-stateless):has(.v-radio:only-of-type):active {
--v-checkbox-color: var(--v-checkbox-active-color)
}
}
@layer abstracts {
:root,.v-alternate {
--v-action-secondary-block-size: var(--size-scalable-38);
--v-action-secondary-font-size: var(--typography-label-font-size);
--v-action-secondary-font-weight: 600;
--v-action-secondary-gap: var(--size-scalable-2);
--v-action-secondary-letter-spacing: .5px;
--v-action-secondary-line-height: var(--typography-label-line-height);
--v-action-secondary-padding-block: calc(var(--size-scalable-10) - var(--v-action-secondary-border-size));
--v-action-secondary-padding-inline: calc(var(--size-scalable-14) - var(--v-action-secondary-border-size));
--v-action-secondary-background: var(--palette-default-surface-1);
--v-action-secondary-border-color: var(--palette-default-active);
--v-action-secondary-border-radius: var(--size-rounded-medium);
--v-action-secondary-border-size: calc(var(--theme-border-size) / 2);
--v-action-secondary-border-style: solid;
--v-action-secondary-foreground: var(--palette-default-active);
--v-action-secondary-hover-background: var(--palette-default-surface-highlight);
--v-action-secondary-hover-border-color: var(--palette-default-active-hover);
--v-action-secondary-hover-foreground: var(--palette-default-active-hover);
--v-action-secondary-focus-background: var(--palette-default-surface-highlight);
--v-action-secondary-focus-border-color: var(--palette-default-active-hover);
--v-action-secondary-focus-foreground: var(--palette-default-active-hover);
--v-action-secondary-active-background: var(--palette-default-surface-lowlight);
--v-action-secondary-active-border-color: var(--palette-default-active-pressed);
--v-action-secondary-active-foreground: var(--palette-default-active-pressed);
--v-action-secondary-disabled-background: var(--palette-default-surface-1);
--v-action-secondary-disabled-border-color: var(--palette-default-disabled);
--v-action-secondary-disabled-foreground: var(--palette-default-disabled)
}
}
@layer abstracts {
.v-action-secondary.v-action-stateless {
background-color: var(--v-action-secondary-background);
border-color: var(--v-action-secondary-border-color);
border-radius: var(--v-action-secondary-border-radius);
border-style: var(--v-action-secondary-border-style);
border-width: var(--v-action-secondary-border-size);
color: var(--v-action-secondary-foreground);
font-size: var(--v-action-secondary-font-size);
font-weight: var(--v-action-secondary-font-weight);
gap: var(--v-action-secondary-gap);
letter-spacing: var(--v-action-secondary-letter-spacing);
line-height: var(--v-action-secondary-line-height)
}
}
@layer abstracts {
.v-switch:not(.v-action-stateless),.v-listbox-item:not(.v-action-stateless),.v-chip-selection:not(.v-action-stateless),.v-action-secondary:not(.v-action-stateless) {
background-color: var(--v-action-secondary-background);
border-color: var(--v-action-secondary-border-color);
border-radius: var(--v-action-secondary-border-radius);
border-style: var(--v-action-secondary-border-style);
border-width: var(--v-action-secondary-border-size);
color: var(--v-action-secondary-foreground);
font-size: var(--v-action-secondary-font-size);
font-weight: var(--v-action-secondary-font-weight);
gap: var(--v-action-secondary-gap);
letter-spacing: var(--v-action-secondary-letter-spacing);
line-height: var(--v-action-secondary-line-height);
block-size: var(--v-action-secondary-block-size);
cursor: pointer;
padding-block:var(--v-action-secondary-padding-block);padding-inline: var(--v-action-secondary-padding-inline)
}
.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type:hover),.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type:hover),.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type:hover),.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type:hover),.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type:hover),.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type:hover),.v-switch:not(.v-action-stateless):hover,.v-listbox-item:not(.v-action-stateless):hover,.v-chip-selection:not(.v-action-stateless):hover,.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type:hover),.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type:hover),.v-action-secondary:not(.v-action-stateless):hover {
--v-action-secondary-background: var(--v-action-secondary-hover-background);
--v-action-secondary-border-color: var(--v-action-secondary-hover-border-color);
--v-action-secondary-foreground: var(--v-action-secondary-hover-foreground)
}
.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type:focus-visible),.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type:focus-visible),.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type:focus-visible),.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type:focus-visible),.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type:focus-visible),.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type:focus-visible),.v-switch:not(.v-action-stateless):focus-visible,.v-listbox-item:not(.v-action-stateless):focus-visible,.v-chip-selection:not(.v-action-stateless):focus-visible,.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type:focus-visible),.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type:focus-visible),.v-action-secondary:not(.v-action-stateless):focus-visible {
--v-action-secondary-background: var(--v-action-secondary-focus-background);
--v-action-secondary-border-color: var(--v-action-secondary-focus-border-color);
--v-action-secondary-foreground: var(--v-action-secondary-focus-foreground)
}
.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type:focus-visible) .v-label,.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type:focus-visible) .v-label,.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type:focus-visible) .v-label,.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type:focus-visible) .v-label,.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type:focus-visible) .v-label,.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type:focus-visible) .v-label,.v-switch:not(.v-action-stateless):focus-visible .v-label,.v-listbox-item:not(.v-action-stateless):focus-visible .v-label,.v-chip-selection:not(.v-action-stateless):focus-visible .v-label,.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type:focus-visible) .v-label,.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type:focus-visible) .v-label,.v-action-secondary:not(.v-action-stateless):focus-visible .v-label {
color: var(--v-action-secondary-focus-foreground)
}
.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type:active),.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type:active),.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type:active),.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type:active),.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type:active),.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type:active),.v-switch:not(.v-action-stateless):active,.v-listbox-item:not(.v-action-stateless):active,.v-chip-selection:not(.v-action-stateless):active,.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type:active),.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type:active),.v-action-secondary:not(.v-action-stateless):active {
--v-action-secondary-background: var(--v-action-secondary-active-background);
--v-action-secondary-border-color: var(--v-action-secondary-active-border-color);
--v-action-secondary-foreground: var(--v-action-secondary-active-foreground)
}
.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type:active) .v-label,.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type:active) .v-label,.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type:active) .v-label,.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type:active) .v-label,.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type:active) .v-label,.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type:active) .v-label,.v-switch:not(.v-action-stateless):active .v-label,.v-listbox-item:not(.v-action-stateless):active .v-label,.v-chip-selection:not(.v-action-stateless):active .v-label,.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type:active) .v-label,.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type:active) .v-label,.v-action-secondary:not(.v-action-stateless):active .v-label {
color: var(--v-action-secondary-active-foreground)
}
.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type),.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type),.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type),.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type),.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type),.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type),.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type),.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type) {
--v-action-secondary-block-size: 100%
}
.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type):has(.v-checkbox:focus-visible),.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type):has(.v-checkbox:focus-visible),.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type):has(.v-checkbox:focus-visible),.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type):has(.v-radio:focus-visible),.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type):has(.v-radio:focus-visible),.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type):has(.v-radio:focus-visible),.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type):has(.v-checkbox:focus-visible),.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type):has(.v-checkbox:focus-visible),.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type):has(.v-checkbox:focus-visible),.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type):has(.v-radio:focus-visible),.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type):has(.v-radio:focus-visible),.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type):has(.v-radio:focus-visible),.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type):has(.v-checkbox:focus-visible),.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type):has(.v-radio:focus-visible),.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type):has(.v-checkbox:focus-visible),.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type):has(.v-radio:focus-visible) {
outline-width: var(--theme-focus-outline-size);
outline-style: dashed;
outline-color: var(--palette-default-active-pressed);
outline-offset: var(--theme-focus-outline-offset);
--theme-focus-outline-offset: 0px
}
.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-label:only-of-type,.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-label:only-of-type,.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-label:only-of-type,.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type) .v-label:only-of-type,.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type) .v-label:only-of-type,.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type) .v-label:only-of-type,.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-label:only-of-type,.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type) .v-label:only-of-type {
inline-size: 100%
}
.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-checkbox:focus-visible,.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-checkbox:focus-visible,.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-checkbox:focus-visible,.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-radio:focus-visible,.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-radio:focus-visible,.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-radio:focus-visible,.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type) .v-checkbox:focus-visible,.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type) .v-checkbox:focus-visible,.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type) .v-checkbox:focus-visible,.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type) .v-radio:focus-visible,.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type) .v-radio:focus-visible,.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type) .v-radio:focus-visible,.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-checkbox:focus-visible,.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-radio:focus-visible,.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type) .v-checkbox:focus-visible,.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type) .v-radio:focus-visible {
outline: none
}
.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-checkbox:focus-visible:after,.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-checkbox:focus-visible:after,.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-checkbox:focus-visible:after,.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-radio:focus-visible:after,.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-radio:focus-visible:after,.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-radio:focus-visible:after,.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type) .v-checkbox:focus-visible:after,.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type) .v-checkbox:focus-visible:after,.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type) .v-checkbox:focus-visible:after,.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type) .v-radio:focus-visible:after,.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type) .v-radio:focus-visible:after,.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type) .v-radio:focus-visible:after,.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-checkbox:focus-visible:after,.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-radio:focus-visible:after,.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type) .v-checkbox:focus-visible:after,.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type) .v-radio:focus-visible:after {
display: none
}
.v-switch:not(.v-action-stateless)[disabled],.v-listbox-item: not(.v-action-stateless)[disabled],.v-chip-selection:not(.v-action-stateless)[disabled],.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type:disabled),.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type:disabled),.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type:disabled),.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type:disabled),.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type:disabled),.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type:disabled),.v-action-secondary:not(.v-action-stateless)[disabled],.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type:disabled),.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type:disabled) {
--v-action-secondary-background:var(--v-action-secondary-disabled-background);
--v-action-secondary-border-color: var(--v-action-secondary-disabled-border-color);
--v-action-secondary-foreground: var(--v-action-secondary-disabled-foreground);
--v-label-color: var(--v-action-secondary-disabled-foreground);
--v-input-message-color: var(--v-action-secondary-disabled-foreground);
cursor: default
}
}
@layer components {
.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-radio,.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-radio,.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-radio,.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-checkbox,.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-checkbox,.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-checkbox,.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type) .v-radio,.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type) .v-radio,.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type) .v-radio,.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type) .v-checkbox,.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type) .v-checkbox,.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type) .v-checkbox,.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-radio,.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-radio:hover,.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-radio:focus-visible,.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-radio:active,.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-checkbox,.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-checkbox:hover,.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-checkbox:focus-visible,.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type) .v-checkbox:active,.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type) .v-radio,.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type) .v-radio:hover,.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type) .v-radio:focus-visible,.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type) .v-radio:active,.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type) .v-checkbox,.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type) .v-checkbox:hover,.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type) .v-checkbox:focus-visible,.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type) .v-checkbox:active {
--v-checkbox-glow-color: rgba(0,0,0,0)
}
.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type):hover,.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type):hover,.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type):hover,.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type):hover,.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type):hover,.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type):hover,.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type):hover,.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type):hover {
--v-checkbox-color: var(--v-checkbox-hover-color)
}
.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type):focus-visible,.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type):focus-visible,.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type):focus-visible,.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type):focus-visible,.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type):focus-visible,.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type):focus-visible,.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type):focus-visible,.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type):focus-visible {
--v-checkbox-color: var(--v-checkbox-focus-color)
}
.v-switch:not(.v-action-stateless):has(.v-checkbox:only-of-type):active,.v-listbox-item:not(.v-action-stateless):has(.v-checkbox:only-of-type):active,.v-chip-selection:not(.v-action-stateless):has(.v-checkbox:only-of-type):active,.v-switch:not(.v-action-stateless):has(.v-radio:only-of-type):active,.v-listbox-item:not(.v-action-stateless):has(.v-radio:only-of-type):active,.v-chip-selection:not(.v-action-stateless):has(.v-radio:only-of-type):active,.v-action-secondary:not(.v-action-stateless):has(.v-checkbox:only-of-type):active,.v-action-secondary:not(.v-action-stateless):has(.v-radio:only-of-type):active {
--v-checkbox-color: var(--v-checkbox-active-color)
}
}
@layer abstracts {
:root,.v-alternate {
--v-input-background: var(--palette-default-transparent);
--v-input-border-color: var(--palette-default-transparent);
--v-input-border-radius: var(--size-rounded-none);
--v-input-border-size: 0px;
--v-input-border-style: solid;
--v-input-color: var(--palette-default-text);
--v-input-font-size: var(--theme-font-size);
--v-input-inline-size: auto;
--v-input-padding-block: var(--size-scalable-0);
--v-input-padding-inline: var(--size-scalable-0);
--v-input-container-background: var(--palette-default-surface-1);
--v-input-container-block-size: var(--size-scalable-38);
--v-input-container-border-color: var(--palette-default-active-subtle);
--v-input-container-border-radius: var(--size-rounded-medium);
--v-input-container-border-style: solid;
--v-input-container-border-width: calc(var(--theme-border-size) / 2);
--v-input-container-display: flex;
--v-input-container-gap: var(--size-scalable-6);
--v-input-container-checkbox-gap: var(--size-scalable-2);
--v-input-container-padding-block: var(--size-scalable-3);
--v-input-container-padding-inline: var(--size-scalable-6);
--v-input-indicator-color: var(--palette-default-active-subtle);
--v-input-indicator-size: var(--size-responsive-0);
--v-input-label-color: var(--palette-default-text-subtle);
--v-input-message-color: var(--palette-default-text-subtle);
--v-input-message-display: flex;
--v-input-message-gap: var(--size-scalable-4);
--v-input-message-size: var(--typography-label-font-size);
--v-input-icon-color-primary: var(--palette-default-active);
--v-input-icon-color-secondary: var(--palette-default-active);
--v-input-hover-container-border-color: var(--palette-default-active-hover);
--v-input-hover-indicator-color: var(--palette-default-active-hover);
--v-input-hover-indicator-size: var(--size-responsive-1);
--v-input-active-container-border-color: var(--palette-default-active-pressed);
--v-input-active-indicator-color: var(--palette-default-active-pressed);
--v-input-active-indicator-size: var(--size-responsive-1);
--v-input-active-label-color: var(--palette-default-text-subtle);
--v-input-focus-container-border-color: var(--palette-default-active-hover);
--v-input-focus-indicator-color: var(--palette-default-active-hover);
--v-input-focus-indicator-size: var(--size-responsive-1);
--v-input-focus-label-color: var(--palette-default-active-hover);
--v-input-readonly-container-border-style: dashed;
--v-input-readonly-container-border-color: var(--palette-default-active-subtle);
--v-input-readonly-indicator-size: var(--size-responsive-0);
--v-input-disabled-color: var(--palette-default-disabled);
--v-input-disabled-container-border-style: dashed;
--v-input-disabled-container-border-color: var(--palette-default-disabled);
--v-input-disabled-indicator-color: var(--palette-default-disabled);
--v-input-disabled-label-color: var(--palette-default-disabled);
--v-input-disabled-message-color: var(--palette-default-disabled);
--v-input-error-container-border-color: var(--palette-messaging-graphics-negative);
--v-input-error-indicator-color: var(--palette-messaging-graphics-negative);
--v-input-error-label-color: var(--palette-messaging-text-negative);
--v-input-error-message-color: var(--palette-messaging-text-negative);
--v-input-error-hover-container-border-color: var(--palette-messaging-graphics-negative);
--v-input-error-hover-indicator-color: var(--palette-messaging-graphics-negative);
--v-input-error-hover-indicator-size: var(--size-responsive-1);
--v-input-error-hover-label-color: var(--palette-messaging-text-negative);
--v-input-error-hover-message-color: var(--palette-messaging-text-negative)
}
}
@layer abstracts {
.v-input {
--typography-font-family: var(--typography-body-2-font-family);
--typography-font-size: var(--typography-body-2-font-size);
--typography-font-weight: var(--typography-body-2-font-weight);
--typography-letter-spacing: var(--typography-body-2-letter-spacing);
--typography-line-height: var(--typography-body-2-line-height);
--typography-text-decoration: var(--typography-body-2-text-decoration);
--typography-text-transform: var(--typography-body-2-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
background-color: var(--v-input-background);
border-color: var(--v-input-border-color);
border-radius: var(--v-input-border-radius);
border-width: var(--v-input-border-size);
border-style: var(--v-input-border-style);
color: var(--v-input-color);
flex-grow: 1;
font-size: var(--v-input-font-size);
inline-size: var(--v-input-inline-size);
padding-block:var(--v-input-padding-block);padding-inline: var(--v-input-padding-inline)
}
.v-input[type=search]: :-ms-clear,.v-input[type=search]::-ms-reveal {
display:none
}
.v-input[type=search]: :-webkit-search-cancel-button,.v-input[type=search]::-webkit-search-decoration,.v-input[type=search]::-webkit-search-results-button,.v-input[type=search]::-webkit-search-results-decoration {
appearance:none
}
.v-input[type=date]: :-webkit-datetime-edit :not([aria-valuenow]),.v-input[type=date]::-webkit-datetime-edit-field-wrapper :not([aria-valuenow]),.v-input[type=date]::-webkit-datetime-edit-text :not([aria-valuenow]),.v-input[type=time]::-webkit-datetime-edit :not([aria-valuenow]),.v-input[type=time]::-webkit-datetime-edit-field-wrapper :not([aria-valuenow]),.v-input[type=time]::-webkit-datetime-edit-text :not([aria-valuenow]) {
color:#0000
}
.v-input[type=color] {
cursor: pointer;
flex-basis: 5%;
block-size: 100%
}
.v-input[type=color]: :-webkit-color-swatch {
min-inline-size:46px;
block-size: 25px;
border-width: calc(var(--theme-border-size)/2);
border-radius: var(--size-rounded-small)
}
}
@layer abstracts {
.v-input-message {
--typography-font-family: var(--typography-label-font-family);
--typography-font-size: var(--typography-label-font-size);
--typography-font-weight: var(--typography-label-font-weight);
--typography-letter-spacing: var(--typography-label-letter-spacing);
--typography-line-height: var(--typography-label-line-height);
--typography-text-decoration: var(--typography-label-text-decoration);
--typography-text-transform: var(--typography-label-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
color: var(--v-input-message-color);
display: var(--v-input-message-display);
gap: var(--v-input-message-gap)
}
}
@layer abstracts {
.v-input-container {
align-items: center;
box-shadow: inset 0 calc(-1*var(--v-input-indicator-size)) 0 0 var(--v-input-indicator-color);
display: var(--v-input-container-display);
gap: var(--v-input-container-gap);
min-block-size: var(--v-input-container-block-size);
--v-surface-background: var(--v-input-container-background);
--v-surface-border-color: var(--v-input-container-border-color);
--v-surface-border-radius: var(--v-input-container-border-radius);
--v-surface-border-style: var(--v-input-container-border-style);
--v-surface-border-size: var(--v-input-container-border-width);
--v-surface-padding-block: var(--v-input-container-padding-block);
--v-surface-padding-inline: var(--v-input-container-padding-inline);
--v-icon-primary: var(--v-input-icon-color-primary);
--v-icon-secondary: var(--v-input-icon-color-secondary);
--v-input-placeholder-color: var(--palette-default-text-subtle)
}
.v-input-container .v-input {
--v-input-inline-size: 100%
}
.v-input-container .v-input::placeholder {
color: var(--v-input-placeholder-color)
}
.v-input-container:hover {
--v-input-container-border-color: var(--v-input-hover-container-border-color);
--v-input-indicator-color: var(--v-input-hover-indicator-color);
--v-input-indicator-size: var(--v-input-hover-indicator-size);
position: relative
}
@media (forced-colors: active) {
.v-input-container:hover:after {
content: "";
position: absolute;
display: block;
border-block-end:calc(var(--v-input-hover-indicator-size) + 1px) solid rgba(0,0,0,0);inset-inline: 0;
inset-block-end: calc(-1*(var(--v-input-hover-indicator-size) - 1px))
}
.v-input-container:hover:has(.v-input[readonly]):after,.v-input-container:hover:has(.v-input:disabled):after {
display: none
}
}
.v-input-container:has(.v-input:focus-visible) {
--v-input-container-border-color: var(--v-input-focus-container-border-color);
--v-input-indicator-color: var(--v-input-focus-indicator-color);
--v-input-indicator-size: var(--v-input-focus-indicator-size)
}
.v-input-container:has(.v-input:focus-visible):has(select.v-input) {
outline-width: var(--theme-focus-outline-size);
outline-style: dashed;
outline-color: var(--palette-default-active-pressed);
outline-offset: var(--theme-focus-outline-offset)
}
.v-input-container:has(.v-input:focus-visible) .v-input {
outline-width: var(--size-responsive-0)
}
.v-label:has(+.v-input-container .v-input:focus-visible) {
--v-label-color: var(--v-input-focus-label-color)
}
.v-input-container:has(.v-input:active) {
--v-input-container-border-color: var(--v-input-active-container-border-color);
--v-input-indicator-color: var(--v-input-active-indicator-color);
--v-input-indicator-size: var(--v-input-active-indicator-size)
}
.v-label:has(+.v-input-container .v-input:active) {
--v-label-color: var(--v-input-active-label-color)
}
.v-input-container:has(.v-input[readonly]) {
--v-input-container-border-color: var(--v-input-readonly-container-border-color);
--v-input-container-border-style: var(--v-input-readonly-container-border-style);
--v-input-indicator-size: var(--v-input-readonly-indicator-size)
}
.v-input-container:has(.v-input[readonly]): has(.v-input:focus-visible) {
outline-width:var(--theme-focus-outline-size);
outline-style: dashed;
outline-color: var(--palette-default-active-pressed);
outline-offset: var(--theme-focus-outline-offset);
--v-label-color: var(--v-input-focus-label-color);
--v-input-container-border-color: var(--v-input-focus-container-border-color);
--v-input-container-border-style: solid;
--v-input-indicator-color: var(--v-input-focus-indicator-color);
--v-input-indicator-size: var(--v-input-readonly-indicator-size)
}
.v-input-container:has(.v-input:disabled),.v-input-container:has(.v-input:disabled):has(.v-input:active) {
cursor: default;
--v-input-color: var(--v-input-disabled-color);
--v-input-container-border-color: var(--v-input-disabled-container-border-color);
--v-input-container-border-style: var(--v-input-disabled-container-border-style);
--v-input-indicator-size: var(--v-input-indicator-size);
--v-input-indicator-color: var(--v-input-disabled-indicator-color);
--v-icon-primary: var(--v-input-disabled-color);
--v-icon-secondary: var(--v-input-disabled-color)
}
.v-input-container:has(.v-input:disabled)+.v-input-message,.v-input-container:has(.v-input:disabled):has(.v-input:active)+.v-input-message {
cursor: default;
--v-input-message-color: var(--v-input-disabled-message-color)
}
.v-label:has(+.v-input-container .v-input:disabled) {
cursor: default;
--v-label-color: var(--v-input-disabled-label-color)
}
.v-input-container:has(.v-button-small) {
--v-input-container-padding-block: calc((var(--v-input-container-block-size) - var(--v-button-default-block-size-small))/2 - var(--v-input-container-border-width))
}
.v-input-container:has(.v-checkbox),.v-input-container:has(.v-radio) {
box-shadow: none;
min-block-size: 0;
--v-input-container-gap: var(--v-input-container-checkbox-gap)
}
}
@layer abstracts {
.v-input-error,.v-input-container:has(.v-input[aria-invalid=true]),.v-label: has(+.v-input-container .v-input[aria-invalid=true]),.v-label:has(+.v-input-container .v-input[aria-invalid=true])~.v-input-message,*:has(.v-checkbox[aria-invalid=true])+.v-input-message,*:has(.v-radio[aria-invalid=true])+.v-input-message,fieldset:has(.v-checkbox[aria-invalid=true])>legend,fieldset:has(.v-checkbox[aria-invalid=true])>.v-input-message,fieldset:has(.v-input[aria-invalid=true])>legend,fieldset:has(.v-input[aria-invalid=true])>.v-input-message,fieldset:has(.v-radio[aria-invalid=true])>legend,fieldset:has(.v-radio[aria-invalid=true])>.v-input-message {
color:var(--v-input-error-message-color)
}
.v-input-error,.v-input-error:active,.v-input-error:focus-visible,.v-input-error:hover,.v-input-container:has(.v-input[aria-invalid=true]),.v-input-container: has(.v-input[aria-invalid=true]):active,.v-input-container:has(.v-input[aria-invalid=true]):focus-visible,.v-input-container:has(.v-input[aria-invalid=true]):hover,.v-label:has(+.v-input-container .v-input[aria-invalid=true]),.v-label:has(+.v-input-container .v-input[aria-invalid=true]):active,.v-label:has(+.v-input-container .v-input[aria-invalid=true]):focus-visible,.v-label:has(+.v-input-container .v-input[aria-invalid=true]):hover,.v-label:has(+.v-input-container .v-input[aria-invalid=true])~.v-input-message,.v-label:has(+.v-input-container .v-input[aria-invalid=true])~.v-input-message:active,.v-label:has(+.v-input-container .v-input[aria-invalid=true])~.v-input-message:focus-visible,.v-label:has(+.v-input-container .v-input[aria-invalid=true])~.v-input-message:hover,*:has(.v-checkbox[aria-invalid=true])+.v-input-message,*:has(.v-checkbox[aria-invalid=true])+.v-input-message:active,*:has(.v-checkbox[aria-invalid=true])+.v-input-message:focus-visible,*:has(.v-checkbox[aria-invalid=true])+.v-input-message:hover,*:has(.v-radio[aria-invalid=true])+.v-input-message,*:has(.v-radio[aria-invalid=true])+.v-input-message:active,*:has(.v-radio[aria-invalid=true])+.v-input-message:focus-visible,*:has(.v-radio[aria-invalid=true])+.v-input-message:hover,fieldset:has(.v-checkbox[aria-invalid=true])>legend,fieldset:has(.v-checkbox[aria-invalid=true])>legend:active,fieldset:has(.v-checkbox[aria-invalid=true])>legend:focus-visible,fieldset:has(.v-checkbox[aria-invalid=true])>legend:hover,fieldset:has(.v-checkbox[aria-invalid=true])>.v-input-message,fieldset:has(.v-checkbox[aria-invalid=true])>.v-input-message:active,fieldset:has(.v-checkbox[aria-invalid=true])>.v-input-message:focus-visible,fieldset:has(.v-checkbox[aria-invalid=true])>.v-input-message:hover,fieldset:has(.v-input[aria-invalid=true])>legend,fieldset:has(.v-input[aria-invalid=true])>legend:active,fieldset:has(.v-input[aria-invalid=true])>legend:focus-visible,fieldset:has(.v-input[aria-invalid=true])>legend:hover,fieldset:has(.v-input[aria-invalid=true])>.v-input-message,fieldset:has(.v-input[aria-invalid=true])>.v-input-message:active,fieldset:has(.v-input[aria-invalid=true])>.v-input-message:focus-visible,fieldset:has(.v-input[aria-invalid=true])>.v-input-message:hover,fieldset:has(.v-radio[aria-invalid=true])>legend,fieldset:has(.v-radio[aria-invalid=true])>legend:active,fieldset:has(.v-radio[aria-invalid=true])>legend:focus-visible,fieldset:has(.v-radio[aria-invalid=true])>legend:hover,fieldset:has(.v-radio[aria-invalid=true])>.v-input-message,fieldset:has(.v-radio[aria-invalid=true])>.v-input-message:active,fieldset:has(.v-radio[aria-invalid=true])>.v-input-message:focus-visible,fieldset:has(.v-radio[aria-invalid=true])>.v-input-message:hover {
--v-label-color:var(--v-input-error-label-color);
--v-input-container-border-color: var(--v-input-error-container-border-color);
--v-input-indicator-color: var(--v-input-error-indicator-color);
--v-input-message-color: var(--v-input-error-message-color);
--v-icon-primary: var(--v-input-error-indicator-color);
--v-icon-secondary: var(--v-input-error-indicator-color)
}
}
@layer abstracts {
:root,.v-alternate {
--v-message-border-style: solid;
--v-message-border-block-end-size: calc(var(--theme-border-size) * 1.5);
--v-message-border-block-start-size: calc(var(--theme-border-size) * 1.5);
--v-message-border-inline-end-size: calc(var(--theme-border-size) * 1.5);
--v-message-border-inline-start-size: calc(var(--theme-border-size) * 1.5);
--v-message-border-radius: var(--size-rounded-none);
--v-message-display: flex;
--v-message-elevation: var(--elevation-none);
--v-message-gap: var(--size-scalable-8);
--v-message-max-inline-size: none;
--v-message-padding-block-end: var(--size-scalable-16);
--v-message-padding-block-start: var(--size-scalable-16);
--v-message-padding-inline-end: var(--size-scalable-16);
--v-message-padding-inline-start: var(--size-scalable-16);
--v-message-icon-size: 1.5714285714rem;
--v-message-icon-color: var(--palette-messaging-graphics-info);
--v-message-background: var(--palette-messaging-highlight-info);
--v-message-border-color: var(--palette-messaging-graphics-info);
--v-message-graphics: var(--palette-messaging-graphics-info);
--v-message-text: var(--palette-messaging-text-info);
--v-message-background-info: var(--palette-messaging-highlight-info);
--v-message-border-color-info: var(--palette-messaging-graphics-info);
--v-message-graphics-info: var(--palette-messaging-graphics-info);
--v-message-text-info: var(--palette-messaging-text-info);
--v-message-background-success: var(--palette-messaging-surface-positive);
--v-message-border-color-success: var(--palette-messaging-graphics-positive);
--v-message-graphics-success: var(--palette-messaging-graphics-positive);
--v-message-text-success: var(--palette-messaging-text-positive);
--v-message-background-warning: var(--palette-messaging-highlight-warning);
--v-message-border-color-warning: var(--palette-messaging-graphics-warning);
--v-message-graphics-warning: var(--palette-messaging-graphics-warning);
--v-message-text-warning: var(--palette-messaging-text-warning);
--v-message-background-error: var(--palette-messaging-surface-negative);
--v-message-border-color-error: var(--palette-messaging-graphics-negative);
--v-message-graphics-error: var(--palette-messaging-graphics-negative);
--v-message-text-error: var(--palette-messaging-text-negative)
}
}
@layer abstracts {
.v-message {
background-color: var(--v-message-background);
border-block-end-width:var(--v-message-border-block-end-size);border-block-start-width: var(--v-message-border-block-start-size);
border-color: var(--v-message-border-color);
border-inline-end-width:var(--v-message-border-inline-end-size);border-inline-start-width: var(--v-message-border-inline-start-size);
border-radius: var(--v-message-border-radius);
border-style: var(--v-message-border-style);
box-shadow: var(--v-message-elevation);
display: var(--v-message-display);
gap: var(--v-message-gap);
max-inline-size: var(--v-message-max-inline-size);
overflow: hidden;
padding-block-end:var(--v-message-padding-block-end);padding-block-start: var(--v-message-padding-block-start);
padding-inline-end:var(--v-message-padding-inline-end);padding-inline-start: var(--v-message-padding-inline-start)
}
.v-message .v-message-content {
color: var(--v-message-text);
flex-grow: 1
}
.v-message .v-message-icon {
--v-icon-primary: var(--v-message-icon-color);
--v-icon-secondary: var(--v-message-icon-color)
}
}
@layer abstracts {
.v-message-info {
--v-message-background: var(--v-message-background-info);
--v-message-border-color: var(--v-message-border-color-info);
--v-message-graphics: var(--v-message-graphics-info);
--v-message-text: var(--v-message-text-info);
--v-message-icon-color: var(--v-message-graphics-info)
}
}
@layer abstracts {
.v-message-success {
--v-message-background: var(--v-message-background-success);
--v-message-border-color: var(--v-message-border-color-success);
--v-message-graphics: var(--v-message-graphics-success);
--v-message-text: var(--v-message-text-success);
--v-message-icon-color: var(--v-message-graphics-success)
}
}
@layer abstracts {
.v-message-warning {
--v-message-background: var(--v-message-background-warning);
--v-message-border-color: var(--v-message-border-color-warning);
--v-message-graphics: var(--v-message-graphics-warning);
--v-message-text: var(--v-message-text-warning);
--v-message-icon-color: var(--v-message-graphics-warning)
}
}
@layer abstracts {
.v-message-error {
--v-message-background: var(--v-message-background-error);
--v-message-border-color: var(--v-message-border-color-error);
--v-message-graphics: var(--v-message-graphics-error);
--v-message-text: var(--v-message-text-error);
--v-message-icon-color: var(--v-message-graphics-error)
}
}
@layer abstracts {
:root,.v-alternate {
--v-surface-background: var(--palette-default-surface-1);
--v-surface-border-color: var(--palette-default-border);
--v-surface-border-radius: var(--size-rounded-none);
--v-surface-border-size: 0px;
--v-surface-border-style: solid;
--v-surface-foreground: var(--palette-default-text);
--v-surface-inline-size: 100%;
--v-surface-padding-block: var(--size-scalable-8);
--v-surface-padding-inline: var(--size-scalable-8)
}
}
@layer abstracts {
.v-nav,.v-surface {
background-color: var(--v-surface-background);
border-color: var(--v-surface-border-color);
border-radius: var(--v-surface-border-radius);
border-style: var(--v-surface-border-style);
border-width: var(--v-surface-border-size);
color: var(--v-surface-foreground);
inline-size: var(--v-surface-inline-size);
padding-block:var(--v-surface-padding-block);padding-inline: var(--v-surface-padding-inline)
}
.v-surface-2 {
background-color: var(--v-surface-background);
border-color: var(--v-surface-border-color);
border-radius: var(--v-surface-border-radius);
border-style: var(--v-surface-border-style);
border-width: var(--v-surface-border-size);
color: var(--v-surface-foreground);
inline-size: var(--v-surface-inline-size);
padding-block:var(--v-surface-padding-block);padding-inline: var(--v-surface-padding-inline);
--v-surface-background: var(--palette-default-surface-2)
}
.v-surface-3 {
background-color: var(--v-surface-background);
border-color: var(--v-surface-border-color);
border-radius: var(--v-surface-border-radius);
border-style: var(--v-surface-border-style);
border-width: var(--v-surface-border-size);
color: var(--v-surface-foreground);
inline-size: var(--v-surface-inline-size);
padding-block:var(--v-surface-padding-block);padding-inline: var(--v-surface-padding-inline);
--v-surface-background: var(--palette-default-surface-3)
}
}
@layer components {
:root,.v-alternate {
--v-accordion-align-items: flex-start;
--v-accordion-block-size: var(--size-scalable-46);
--v-accordion-button-padding-block-large: calc((var(--v-button-default-block-size-large) - var(--v-accordion-icon-size)) / 2);
--v-accordion-button-padding-block-medium: calc((var(--v-button-default-block-size) - var(--v-accordion-icon-size)) / 2);
--v-accordion-button-padding-block-small: calc((var(--v-button-default-block-size-small) - var(--v-accordion-icon-size)) / 2);
--v-accordion-icon-color: var(--palette-default-active);
--v-accordion-icon-margin: var(--size-scalable-3);
--v-accordion-icon-size: 1.5714285714rem;
--v-accordion-items-gap: var(--size-scalable-6);
--v-accordion-justify-content: flex-start;
--v-accordion-padding-block: 0px;
--v-accordion-padding-inline: var(--size-scalable-12);
--v-accordion-toggle-icon-size: 1.1428571429rem;
--v-accordion-background: var(--palette-default-surface-1);
--v-accordion-border-color: var(--palette-default-border);
--v-accordion-border-size: calc(var(--theme-border-size) / 2);
--v-accordion-border-radius: var(--size-rounded-medium);
--v-accordion-border-style: solid;
--v-accordion-foreground-initial: var(--palette-default-text);
--v-accordion-expanded-foreground: var(--palette-default-active);
--v-accordion-panel-background-color: var(--v-accordion-background);
--v-accordion-panel-border-color: var(--v-accordion-border-color);
--v-accordion-panel-border-radius: var(--size-rounded-medium);
--v-accordion-panel-border-size: calc(var(--theme-border-size) / 2);
--v-accordion-panel-border-style: solid;
--v-accordion-panel-padding-block: var(--size-scalable-8) var(--size-scalable-16);
--v-accordion-panel-padding-inline: var(--size-scalable-40);
--v-accordion-subtle-background: var(--palette-default-transparent);
--v-accordion-subtle-gap: var(--size-scalable-2);
--v-accordion-subtle-foreground-initial: var(--palette-default-active);
--v-accordion-subtle-padding-inline: var(--size-scalable-8)
}
}
@layer components {
.v-accordion {
display: flex;
flex-direction: column
}
.v-accordion .v-accordion-heading:not(.v-button)[aria-expanded=true],.v-accordion .v-accordion-heading: not(.v-button):has(.v-button[aria-expanded=true]),details.v-accordion[open]>.v-accordion-heading {
--v-accordion-foreground-initial:var(--v-accordion-expanded-foreground);
--v-button-secondary-foreground: var(--v-accordion-expanded-foreground);
--v-button-tertiary-foreground: var(--v-accordion-expanded-foreground);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
details.v-accordion: not([open])>.v-accordion-heading .v-accordion-toggle-icon-open {
display:none
}
details.v-accordion: not([open])>.v-accordion-heading .v-accordion-toggle-icon-closed {
display:inherit
}
details.v-accordion[open]>.v-accordion-heading .v-accordion-toggle-icon-open {
display: inherit
}
details.v-accordion[open]>.v-accordion-heading .v-accordion-toggle-icon-closed {
display: none
}
.v-accordion-heading {
list-style: none
}
.v-accordion-heading>.v-icon-tiny {
margin: var(--v-accordion-icon-margin)
}
.v-accordion-heading:not(:first-child) {
margin-block-start:var(--v-accordion-items-gap)}
.v-accordion-heading,.v-accordion-heading.v-button {
--typography-font-family: var(--typography-subtitle-2-font-family);
--typography-font-size: var(--typography-subtitle-2-font-size);
--typography-font-weight: var(--typography-subtitle-2-font-weight);
--typography-letter-spacing: var(--typography-subtitle-2-letter-spacing);
--typography-line-height: var(--typography-subtitle-2-line-height);
--typography-text-decoration: var(--typography-subtitle-2-text-decoration);
--typography-text-transform: var(--typography-subtitle-2-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
--v-icon-low-height: var(--v-accordion-icon-size);
--v-icon-low-width: var(--v-accordion-icon-size)
}
.v-accordion-heading .v-icon,.v-accordion-heading.v-button .v-icon {
flex-shrink: 0
}
.v-accordion-heading .v-accordion-toggle-icon,.v-accordion-heading.v-button .v-accordion-toggle-icon {
--v-icon-tiny-height: var(--v-accordion-toggle-icon-size);
--v-icon-tiny-width: var(--v-accordion-toggle-icon-size);
--v-icon-primary: var(--v-accordion-icon-color);
--v-icon-secondary: var(--v-accordion-icon-color)
}
.v-accordion-heading:not(.v-button) {
align-items: var(--v-accordion-align-items);
background-color: var(--v-accordion-background);
block-size: 100%;
border: var(--v-accordion-border-size) var(--v-accordion-border-style) var(--v-accordion-border-color);
border-radius: var(--v-accordion-border-radius);
color: var(--v-accordion-foreground-initial);
display: flex;
gap: var(--v-accordion-items-gap);
justify-content: var(--v-accordion-justify-content);
min-block-size: var(--v-accordion-block-size);
padding-block:var(--v-accordion-padding-block);padding-inline: var(--v-accordion-padding-inline);
text-align: start
}
.v-accordion-heading.v-button {
block-size: calc(100% - var(--v-button-default-border-size)*2);
min-block-size: var(--v-button-default-block-size);
text-align: start;
--v-button-default-align-items: var(--v-accordion-align-items);
--v-button-default-justify-content: var(--v-accordion-justify-content);
--v-button-default-padding-block: calc(var(--v-accordion-button-padding-block-medium) - var(--v-button-default-border-size));
--v-button-default-padding-inline: calc(var(--v-accordion-padding-inline) - var(--v-button-default-border-size))
}
.v-accordion-heading.v-button.v-button-secondary:not(.v-icon-two-color),.v-accordion-heading.v-button.v-button-tertiary:not(.v-icon-two-color) {
--v-button-default-border-color: var(--v-accordion-border-color);
--v-button-secondary-foreground: var(--v-accordion-foreground-initial);
--v-button-tertiary-foreground: var(--v-accordion-foreground-initial);
--v-icon-primary: var(--v-accordion-icon-color);
--v-icon-secondary: var(--v-accordion-icon-color);
--v-button-secondary-background: var(--v-accordion-background)
}
.v-accordion-heading.v-button.v-button-secondary:not(.v-icon-two-color):hover,.v-accordion-heading.v-button.v-button-secondary:not(.v-icon-two-color):focus-visible,.v-accordion-heading.v-button.v-button-secondary:not(.v-icon-two-color):active,.v-accordion-heading.v-button.v-button-secondary:not(.v-icon-two-color):disabled,.v-accordion-heading.v-button.v-button-tertiary:not(.v-icon-two-color):hover,.v-accordion-heading.v-button.v-button-tertiary:not(.v-icon-two-color):focus-visible,.v-accordion-heading.v-button.v-button-tertiary:not(.v-icon-two-color):active,.v-accordion-heading.v-button.v-button-tertiary:not(.v-icon-two-color):disabled {
--v-icon-primary: currentColor;
--v-icon-secondary: currentColor
}
.v-accordion-heading.v-button.v-button-secondary:has(>.v-accordion-toggle-icon)[aria-expanded=true],.v-accordion-heading.v-button.v-button-tertiary: has(>.v-accordion-toggle-icon)[aria-expanded=true] {
border-bottom-left-radius:0;
border-bottom-right-radius: 0;
--v-button-secondary-foreground: var(--v-accordion-expanded-foreground);
--v-button-tertiary-foreground: var(--v-accordion-expanded-foreground)
}
.v-accordion-heading.v-button.v-button-small {
--v-button-default-padding-block: calc(var(--v-accordion-button-padding-block-small) - var(--v-button-default-border-size))
}
.v-accordion-heading.v-button.v-button-large {
--v-button-default-padding-block: calc(var(--v-accordion-button-padding-block-large) - var(--v-button-default-border-size))
}
.v-accordion-heading.v-button>span {
align-items: var(--v-accordion-align-items);
display: flex;
gap: var(--v-accordion-items-gap);
justify-content: var(--v-accordion-justify-content);
text-align: start
}
.v-accordion-heading.v-button::marker,.v-accordion-heading.v-button::-webkit-details-marker {
display: none
}
.v-accordion-heading.v-button[disabled],.v-accordion-heading.v-button[aria-disabled=true] {
--v-accordion-border-color: var(--v-button-default-disabled-border-color);
--v-accordion-foreground-initial: var(--v-button-default-disabled-foreground);
--v-button-default-background: var(--v-accordion-background);
cursor: default;
pointer-events: none
}
.v-accordion-heading.v-button[disabled] .v-accordion-toggle-icon,.v-accordion-heading.v-button[aria-disabled=true] .v-accordion-toggle-icon {
--v-icon-primary: currentColor;
--v-icon-secondary: currentColor
}
.v-accordion-heading.v-button .v-accordion-toggle-icon {
align-self: flex-start;
display: inline-flex
}
.v-accordion-panel {
background-color: var(--v-accordion-panel-background-color);
border-bottom-left-radius: var(--v-accordion-panel-border-radius);
border-bottom-right-radius: var(--v-accordion-panel-border-radius);
border-color: var(--v-accordion-panel-border-color);
border-style: var(--v-accordion-panel-border-style);
border-width: var(--v-accordion-panel-border-size);
border-top-width: 0;
padding-block:var(--v-accordion-panel-padding-block);padding-inline: var(--v-accordion-panel-padding-inline)
}
.v-accordion-panel[aria-hidden=true] {
display: none
}
.v-accordion-subtle {
--v-accordion-foreground-initial: var(--v-accordion-subtle-foreground-initial)
}
.v-accordion-subtle .v-accordion-heading.v-button {
--v-button-default-background: var(--v-accordion-subtle-background);
--v-button-default-padding-inline: var(--v-accordion-subtle-padding-inline);
--v-button-default-gap: var(--v-accordion-subtle-gap)
}
.v-accordion-subtle .v-accordion-panel {
--v-accordion-panel-background-color: var(--v-accordion-subtle-background);
--v-accordion-panel-border-size: 0px;
--v-accordion-panel-padding-inline: var(--size-scalable-32)
}
}
@layer components {
:root,.v-alternate {
--v-anchor-link-menu-inline-size: 200px;
--v-anchor-link-menu-gap: var(--size-scalable-6);
--v-anchor-link-menu-background: var(--palette-default-surface-1);
--v-anchor-link-menu-border-style: solid;
--v-anchor-link-menu-border-color: var(--palette-default-border);
--v-anchor-link-menu-border-block-start-size: var(--size-scalable-0);
--v-anchor-link-menu-border-block-end-size: var(--size-scalable-0);
--v-anchor-link-menu-border-inline-start-size: var(--size-scalable-1);
--v-anchor-link-menu-border-inline-end-size: var(--size-scalable-0);
--v-anchor-link-menu-padding-block-end: var(--size-scalable-0);
--v-anchor-link-menu-padding-block-start: var(--size-scalable-0);
--v-anchor-link-menu-padding-inline-end: var(--size-scalable-10);
--v-anchor-link-menu-padding-inline-start: var(--size-scalable-0);
--v-anchor-link-menu-title-text-color: var(--palette-default-text-subtle);
--v-anchor-link-menu-item-padding-block: var(--size-scalable-6);
--v-anchor-link-menu-item-padding-inline: var(--size-scalable-10);
--v-anchor-link-menu-indicator-color: inherit;
--v-anchor-link-menu-indicator-style: solid;
--v-anchor-link-menu-indicator-size: var(--size-scalable-2);
--v-anchor-link-menu-indicator-offset: var(--size-scalable-4);
--v-anchor-link-menu-indent-ratio: var(--size-scalable-14)
}
}
@layer components {
.v-anchor-link-menu {
background: var(--v-anchor-link-menu-background);
inline-size: var(--v-anchor-link-menu-inline-size);
padding-block-end:var(--v-anchor-link-menu-padding-block-end);padding-block-start: var(--v-anchor-link-menu-padding-block-start);
padding-inline-end:var(--v-anchor-link-menu-padding-inline-end);padding-inline-start: var(--v-anchor-link-menu-padding-inline-start);
position: relative
}
.v-anchor-link-menu:before {
border-block-end-width:var(--v-anchor-link-menu-border-block-end-size);border-block-start-width: var(--v-anchor-link-menu-border-block-start-size);
border-color: var(--v-anchor-link-menu-border-color);
border-inline-end-width:var(--v-anchor-link-menu-border-inline-end-size);border-inline-start-width: var(--v-anchor-link-menu-border-inline-start-size);
border-style: var(--v-anchor-link-menu-border-style);
content: "";
display: block;
inset: 0;
pointer-events: none;
position: absolute
}
.v-anchor-link-menu section {
display: flex;
flex-direction: column;
row-gap: var(--v-anchor-link-menu-gap)
}
.v-anchor-link-menu .v-anchor-link-menu-header {
color: var(--v-anchor-link-menu-title-text-color);
margin-inline-start:calc(var(--v-anchor-link-menu-indicator-offset) + var(--v-anchor-link-menu-indicator-size));padding-block-start: var(--v-anchor-link-menu-item-padding-block);
padding-inline:var(--v-anchor-link-menu-item-padding-inline)}
.v-anchor-link-menu ul {
display: flex;
flex-direction: column;
row-gap: var(--v-anchor-link-menu-gap)
}
.v-anchor-link-menu ul: not(.v-anchor-link-menu section>ul) {
grid-column:1/-1
}
.v-anchor-link-menu ul li {
--level: 1;
--indicator: var(--v-anchor-link-menu-indicator-size);
--offset: var(--v-anchor-link-menu-indicator-offset);
--indent: calc(var(--v-anchor-link-menu-indent-ratio)*(var(--level) - 1));
--link: 1fr;
color: var(--v-link-foreground);
display: grid;
grid-auto-flow: row;
grid-template-areas: "indicator indicator-offset indent link";
grid-template-columns: var(--indicator) var(--offset) var(--indent) var(--link);
position: relative;
row-gap: var(--v-anchor-link-menu-gap)
}
.v-anchor-link-menu ul li: has(>.v-link[aria-current=true])>.v-link {
--v-link-foreground:var(--palette-default-active)
}
.v-anchor-link-menu ul li: has(>.v-link[aria-current=true])>.v-link:before {
opacity:1;
visibility: visible
}
.v-anchor-link-menu ul li>.v-link {
--typography-font-family: var(--typography-label-font-family);
--typography-font-size: var(--typography-label-font-size);
--typography-font-weight: var(--typography-label-font-weight);
--typography-letter-spacing: var(--typography-label-letter-spacing);
--typography-line-height: var(--typography-label-line-height);
--typography-text-decoration: var(--typography-label-text-decoration);
--typography-text-transform: var(--typography-label-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
--v-link-active-background: var(--palette-default-transparent);
--v-link-background: var(--palette-default-transparent);
--v-link-border-radius: var(--size-rounded-medium);
--v-link-focus-background: var(--palette-default-transparent);
--v-link-foreground: var(--palette-default-text-subtle);
--v-link-hover-background: var(--palette-default-transparent);
--v-link-padding-block: var(--v-anchor-link-menu-item-padding-block);
--v-link-padding-inline: var(--v-anchor-link-menu-item-padding-inline);
--v-link-text-decoration: none;
grid-area: link
}
.v-anchor-link-menu ul li>.v-link: before {
border-inline-start-color:var(--v-anchor-link-menu-indicator-color);
border-inline-start-style:var(--v-anchor-link-menu-indicator-style);border-inline-start-width: var(--v-anchor-link-menu-indicator-size);
content: "";
display: block;
grid-area: indicator;
inset-block: 0;
inset-inline-start: 0;
opacity: 0;
position: absolute;
visibility: hidden
}
.v-anchor-link-menu ul ul li {
--level: 2
}
.v-anchor-link-menu ul ul ul li {
--level: 3
}
.v-anchor-link-menu ul ul ul ul li {
--level: 4
}
.v-anchor-link-menu ul ul ul ul ul li {
--level: 5
}
.v-anchor-link-menu ul ul ul ul ul ul li {
--level: 6
}
[dir=rtl] .v-anchor-link-menu {
--v-anchor-link-menu-text-align: right
}
[dir=rtl] .v-anchor-link-menu-header {
margin-inline-end: calc(var(--v-anchor-link-menu-indicator-offset) + var(--v-anchor-link-menu-indicator-size));
margin-inline-start:0}
}
@layer components {
:root,.v-alternate {
--v-avatar-background: var(--palette-default-active);
--v-avatar-foreground: var(--palette-default-text-on-active);
--v-avatar-border-radius: var(--v-avatar-size);
--v-avatar-size: 3.4285714286rem;
--v-avatar-icon-size: 1.7142857143rem;
--v-avatar-small-size: 2.2857142857rem;
--v-avatar-small-icon-size: 1.7142857143rem;
--v-avatar-small-vertical-icon-size: 1.2857142857rem
}
}
@layer components {
.v-avatar {
--typography-font-family: var(--typography-body-2-font-family);
--typography-font-size: var(--typography-body-2-font-size);
--typography-font-weight: var(--typography-body-2-font-weight);
--typography-letter-spacing: var(--typography-body-2-letter-spacing);
--typography-line-height: var(--typography-body-2-line-height);
--typography-text-decoration: var(--typography-body-2-text-decoration);
--typography-text-transform: var(--typography-body-2-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
background-color: var(--v-avatar-background);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
block-size: var(--v-avatar-size);
border-radius: var(--v-avatar-border-radius);
color: var(--v-avatar-foreground);
display: grid;
flex-shrink: 0;
inline-size: var(--v-avatar-size);
place-content: center
}
.v-avatar:has(.v-icon) {
--v-icon-height: var(--v-avatar-icon-size);
--v-icon-width: var(--v-avatar-icon-size)
}
.v-avatar:has(.v-icon)>.v-icon {
--v-icon-primary: currentColor;
--v-icon-secondary: currentColor;
--v-icon-height: var(--v-avatar-icon-size);
--v-icon-width: var(--v-avatar-icon-size)
}
@media (forced-colors: active) {
.v-avatar {
color: currentColor
}
}
.v-avatar.v-icon {
--v-avatar-background: var(--palette-default-transparent);
--v-avatar-border-radius: var(--size-rounded-none);
--v-icon-height: var(--v-avatar-icon-size);
--v-icon-width: var(--v-avatar-icon-size)
}
.v-avatar-small {
--v-avatar-size: var(--v-avatar-small-size)
}
.v-avatar-small.v-icon,.v-avatar-small:has(.v-icon) {
--v-avatar-icon-size: var(--v-avatar-small-icon-size)
}
.v-avatar-small.v-icon:has(.v-icon-tiny),.v-avatar-small:has(.v-icon):has(.v-icon-tiny) {
--v-avatar-icon-size: var(--v-avatar-small-vertical-icon-size)
}
}
@layer components {
:root,.v-alternate {
--v-badge-background: var(--palette-default-transparent);
--v-badge-block-size: fit-content;
--v-badge-border-radius: var(--size-rounded-small);
--v-badge-border-width: 0px;
--v-badge-border-color: var(--palette-default-border);
--v-badge-ellipse-color: var(--palette-messaging-graphics-info);
--v-badge-foreground: var(--palette-default-text);
--v-badge-gap: var(--size-scalable-2);
--v-badge-icon-color: var(--palette-messaging-graphics-info);
--v-badge-icon-size: 1rem;
--v-badge-icon-only-size: .7142857143rem;
--v-badge-padding-block: var(--size-scalable-4);
--v-badge-padding-inline: var(--size-scalable-4);
--v-badge-hover-background: var(--palette-default-surface-highlight);
--v-badge-active-background: var(--palette-messaging-lowlight-negative);
--v-badge-disabled-background: var(--palette-default-disabled);
--v-badge-ellipse-border-radius: var(--size-rounded-pill);
--v-badge-ellipse-size: .5714285714rem;
--v-badge-neutral-background: var(--palette-messaging-highlight-info);
--v-badge-neutral-icon-color: var(--palette-messaging-text-info);
--v-badge-neutral-hover-background: var(--palette-default-surface-highlight);
--v-badge-neutral-active-background: var(--palette-default-surface-lowlight);
--v-badge-stable-background: var(--palette-messaging-surface-positive);
--v-badge-stable-icon-color: var(--palette-messaging-text-positive);
--v-badge-stable-hover-background: var(--palette-messaging-highlight-positive);
--v-badge-stable-active-background: var(--palette-messaging-lowlight-positive);
--v-badge-warning-background: var(--palette-messaging-highlight-warning);
--v-badge-warning-icon-color: var(--palette-messaging-text-warning);
--v-badge-warning-hover-background: var(--palette-messaging-highlight-warning);
--v-badge-warning-active-background: var(--palette-messaging-highlight-warning);
--v-badge-error-background: var(--palette-messaging-surface-negative);
--v-badge-error-icon-color: var(--palette-messaging-text-negative);
--v-badge-error-hover-background: var(--palette-messaging-highlight-negative);
--v-badge-error-active-background: var(--palette-messaging-lowlight-negative);
--v-badge-subtle-background: var(--palette-default-border);
--v-badge-subtle-icon-color: var(--palette-default-text-subtle);
--v-badge-subtle-hover-background: var(--palette-default-disabled);
--v-badge-subtle-active-background: var(--palette-default-overlay);
--v-badge-icon-active-background: var(--palette-messaging-highlight-info);
--v-badge-icon-active-icon-color: var(--palette-default-active);
--v-badge-icon-active-hover-background: var(--palette-default-surface-highlight);
--v-badge-icon-active-active-background: var(--palette-default-surface-lowlight);
--v-badge-number-background: var(--palette-messaging-text-negative);
--v-badge-number-block-size: var(--v-badge-number-size);
--v-badge-number-foreground: var(--palette-default-surface-1);
--v-badge-number-max-inline: fit-content;
--v-badge-number-padding-inline: .2857142857rem;
--v-badge-number-radius: var(--size-rounded-pill);
--v-badge-number-size: 1.1428571429rem;
--v-badge-number-clean-border-width: 1px;
--v-badge-icon-foreground: var(--palette-default-text-on-active);
--v-badge-icon-clear-border-width: 1px
}
}
@layer components {
.v-badge {
--typography-font-family: var(--typography-label-small-font-family);
--typography-font-size: var(--typography-label-small-font-size);
--typography-font-weight: var(--typography-label-small-font-weight);
--typography-letter-spacing: var(--typography-label-small-letter-spacing);
--typography-line-height: var(--typography-label-small-line-height);
--typography-text-decoration: var(--typography-label-small-text-decoration);
--typography-text-transform: var(--typography-label-small-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
align-items: center;
background-color: var(--v-badge-background);
border-color: var(--v-badge-border-color);
border-radius: var(--v-badge-border-radius);
border-style: solid;
border-width: var(--v-badge-border-width);
color: var(--v-badge-foreground);
display: inline-flex;
flex-direction: row;
gap: var(--v-badge-gap);
min-block-size: var(--v-badge-block-size);
padding-block:var(--v-badge-padding-block);padding-inline: var(--v-badge-padding-inline);
--v-icon-primary: var(--v-badge-icon-color);
--v-icon-secondary: var(--v-badge-icon-color)
}
@media (forced-colors: active) {
.v-badge:not(.v-badge-clear) {
border-width: 1px;
border-color: #0000
}
.v-badge .v-badge-ellipse {
outline: 1px solid currentColor;
outline-offset: -1px;
border-radius: 50%;
margin-inline:-1px 1px}
}
.v-badge:has(.v-icon) .v-icon {
--v-icon-height: var(--v-badge-icon-size);
--v-icon-width: var(--v-badge-icon-size)
}
.v-badge-critical {
--v-badge-background: var(--v-badge-error-background);
--v-badge-ellipse-color: var(--v-badge-error-icon-color);
--v-icon-primary: var(--v-badge-error-icon-color);
--v-icon-secondary: var(--v-badge-error-icon-color)
}
.v-badge-neutral {
--v-badge-background: var(--v-badge-neutral-background);
--v-badge-ellipse-color: var(--v-badge-neutral-icon-color);
--v-icon-primary: var(--v-badge-neutral-icon-color);
--v-icon-secondary: var(--v-badge-neutral-icon-color)
}
.v-badge-stable {
--v-badge-background: var(--v-badge-stable-background);
--v-badge-ellipse-color: var(--v-badge-stable-icon-color);
--v-icon-primary: var(--v-badge-stable-icon-color);
--v-icon-secondary: var(--v-badge-stable-icon-color)
}
.v-badge-warning {
--v-badge-background: var(--v-badge-warning-background);
--v-badge-ellipse-color: var(--v-badge-warning-icon-color);
--v-icon-primary: var(--v-badge-warning-icon-color);
--v-icon-secondary: var(--v-badge-warning-icon-color)
}
.v-badge-subtle {
--v-badge-background: var(--v-badge-subtle-background);
--v-badge-ellipse-color: var(--v-badge-subtle-icon-color);
--v-icon-primary: var(--v-badge-subtle-icon-color);
--v-icon-secondary: var(--v-badge-subtle-icon-color)
}
a[href]: is(.v-badge),button:is(.v-badge) {
cursor:pointer
}
a[href]: is(.v-badge):hover,button:is(.v-badge):hover {
--v-badge-background:var(--v-badge-neutral-hover-background)
}
a[href]: is(.v-badge):active,button:is(.v-badge):active {
--v-badge-background:var(--v-badge-neutral-active-background)
}
a[href]: is(.v-badge).v-badge-critical:hover,button:is(.v-badge).v-badge-critical:hover {
--v-badge-background:var(--v-badge-error-hover-background)
}
a[href]: is(.v-badge).v-badge-critical:active,button:is(.v-badge).v-badge-critical:active {
--v-badge-background:var(--v-badge-error-active-background)
}
a[href]: is(.v-badge).v-badge-neutral:hover,button:is(.v-badge).v-badge-neutral:hover {
--v-badge-background:var(--v-badge-neutral-hover-background)
}
a[href]: is(.v-badge).v-badge-neutral:active,button:is(.v-badge).v-badge-neutral:active {
--v-badge-background:var(--v-badge-neutral-active-background)
}
a[href]: is(.v-badge).v-badge-stable:hover,button:is(.v-badge).v-badge-stable:hover {
--v-badge-background:var(--v-badge-stable-hover-background)
}
a[href]: is(.v-badge).v-badge-stable:active,button:is(.v-badge).v-badge-stable:active {
--v-badge-background:var(--v-badge-stable-active-background)
}
a[href]: is(.v-badge).v-badge-warning:hover,button:is(.v-badge).v-badge-warning:hover {
--v-badge-background:var(--v-badge-warning-hover-background)
}
a[href]: is(.v-badge).v-badge-warning:active,button:is(.v-badge).v-badge-warning:active {
--v-badge-background:var(--v-badge-warning-active-background)
}
a[href]: is(.v-badge).v-badge-subtle:hover,button:is(.v-badge).v-badge-subtle:hover {
--v-badge-background:var(--v-badge-subtle-hover-background)
}
a[href]: is(.v-badge).v-badge-subtle:active,button:is(.v-badge).v-badge-subtle:active {
--v-badge-background:var(--v-badge-subtle-active-background)
}
a[href]: is(.v-badge):hover {
--typography-text-decoration:var(--v-link-text-decoration)
}
a[href]: is(.v-badge):disabled {
--v-badge-background:var(--v-badge-disabled-background)
}
a: not([href]) .v-badge:not(.v-badge-clear),button:disabled .v-badge:not(.v-badge-clear),.v-link:not([href]) .v-badge:not(.v-badge-clear),.v-button[disabled] .v-badge:not(.v-badge-clear),.v-button[aria-disabled=true] .v-badge:not(.v-badge-clear) {
--v-badge-background:var(--v-badge-disabled-background)
}
a: not([href]) .v-badge.v-badge-clear,button:disabled .v-badge.v-badge-clear,.v-link:not([href]) .v-badge.v-badge-clear,.v-button[disabled] .v-badge.v-badge-clear,.v-button[aria-disabled=true] .v-badge.v-badge-clear {
--v-badge-border-color:var(--v-badge-disabled-background);
--v-badge-ellipse-color: var(--v-badge-disabled-background);
--v-badge-foreground: var(--v-badge-disabled-background);
--v-badge-icon-color: var(--v-badge-disabled-background)
}
.v-alternate.v-nav,.v-alternate .v-nav {
--v-badge-number-foreground: var(--palette-default-active-accent)
}
.v-badge-number,.v-badge-icon {
--v-badge-border-radius: var(--v-badge-number-radius);
--v-badge-padding-block: none;
--v-badge-padding-inline: var(--v-badge-number-padding-inline);
--v-badge-block-size: var(--v-badge-number-block-size);
box-sizing: content-box;
inline-size: fit-content;
justify-content: center;
max-inline-size: var(--v-badge-number-max-inline);
min-inline-size: calc(var(--v-badge-number-size) - var(--v-badge-number-padding-inline)*2);
overflow: hidden;
text-align: center
}
.v-badge-number.v-badge-clear,.v-badge-icon.v-badge-clear {
--v-badge-block-size: calc(var(--v-badge-number-block-size) - var(--v-badge-icon-clear-border-width)*2);
--v-badge-border-width: var(--v-badge-icon-clear-border-width)
}
.v-badge-number.v-badge-subtle:not(.v-badge-clear),.v-badge-icon.v-badge-subtle:not(.v-badge-clear) {
--v-badge-background: var(--v-badge-subtle-icon-color);
--v-badge-foreground: var(--v-badge-icon-foreground)
}
.v-badge-number.v-badge-subtle.v-badge-clear,.v-badge-icon.v-badge-subtle.v-badge-clear {
--v-badge-foreground: var(--v-badge-subtle-icon-color);
--v-badge-border-color: var(--v-badge-subtle-icon-color)
}
.v-badge-number.v-badge-neutral:not(.v-badge-clear),.v-badge-icon.v-badge-neutral:not(.v-badge-clear) {
--v-badge-background: var(--v-badge-neutral-icon-color);
--v-badge-foreground: var(--v-badge-icon-foreground)
}
.v-badge-number.v-badge-neutral.v-badge-clear,.v-badge-icon.v-badge-neutral.v-badge-clear {
--v-badge-foreground: var(--v-badge-neutral-icon-color);
--v-badge-border-color: var(--v-badge-neutral-icon-color)
}
.v-badge-number.v-badge-stable:not(.v-badge-clear),.v-badge-icon.v-badge-stable:not(.v-badge-clear) {
--v-badge-background: var(--v-badge-stable-icon-color);
--v-badge-foreground: var(--v-badge-icon-foreground)
}
.v-badge-number.v-badge-stable.v-badge-clear,.v-badge-icon.v-badge-stable.v-badge-clear {
--v-badge-foreground: var(--v-badge-stable-icon-color);
--v-badge-border-color: var(--v-badge-stable-icon-color)
}
.v-badge-number.v-badge-warning:not(.v-badge-clear),.v-badge-icon.v-badge-warning:not(.v-badge-clear) {
--v-badge-background: var(--v-badge-warning-icon-color);
--v-badge-foreground: var(--v-badge-icon-foreground)
}
.v-badge-number.v-badge-warning.v-badge-clear,.v-badge-icon.v-badge-warning.v-badge-clear {
--v-badge-foreground: var(--v-badge-warning-icon-color);
--v-badge-border-color: var(--v-badge-warning-icon-color)
}
.v-badge-number.v-badge-critical:not(.v-badge-clear),.v-badge-icon.v-badge-critical:not(.v-badge-clear) {
--v-badge-background: var(--v-badge-error-icon-color);
--v-badge-foreground: var(--v-badge-icon-foreground)
}
.v-badge-number.v-badge-critical.v-badge-clear,.v-badge-icon.v-badge-critical.v-badge-clear {
--v-badge-foreground: var(--v-badge-error-icon-color);
--v-badge-border-color: var(--v-badge-error-icon-color)
}
.v-badge-number.v-badge-active:not(.v-badge-clear),.v-badge-icon.v-badge-active:not(.v-badge-clear) {
--v-badge-background: var(--v-badge-icon-active-icon-color);
--v-badge-foreground: var(--v-badge-icon-foreground)
}
.v-badge-number.v-badge-active.v-badge-clear,.v-badge-icon.v-badge-active.v-badge-clear {
--v-badge-foreground: var(--v-badge-icon-active-icon-color);
--v-badge-border-color: var(--v-badge-icon-active-icon-color)
}
.v-badge-number {
--v-badge-background: var(--v-badge-number-background);
--v-badge-foreground: var(--v-badge-number-foreground)
}
.v-badge-number.v-badge-clear {
--v-badge-foreground: var(--v-badge-number-background);
--v-badge-border-color: var(--v-badge-number-background)
}
.v-badge-icon {
--v-badge-padding-inline: 0px;
--v-badge-foreground: var(--v-badge-icon-foreground);
block-size: var(--v-badge-block-size);
inline-size: var(--v-badge-block-size);
max-block-size: var(--v-badge-block-size);
min-inline-size: var(--v-badge-block-size);
--v-icon-primary: var(--v-badge-foreground);
--v-icon-secondary: var(--v-badge-foreground)
}
.v-badge-icon .v-icon {
--v-badge-icon-size: var(--v-badge-icon-only-size)
}
.v-badge-clear {
--v-badge-background: var(--palette-default-transparent)
}
@media (forced-colors: active) {
.v-badge.v-badge-icon:not(.v-badge-clear) {
--v-badge-background: CanvasText;
--v-badge-foreground: Canvas;
outline: 1px solid currentColor
}
.v-badge.v-badge-number:not(.v-badge-clear) {
--v-badge-background: #fff;
--v-badge-foreground: #000;
outline: 1px solid #000;
forced-color-adjust: none
}
}
@media (forced-colors: active)and (prefers-color-scheme: light) {
.v-badge.v-badge-number:not(.v-badge-clear) {
--v-badge-background:#000;
--v-badge-foreground: #fff;
outline: 1px solid #fff
}
}
}
@layer components;@layer components {
.v-banner {
--v-message-border-block-start-size: 0px;
--v-message-border-inline-end-size: 0px;
--v-message-border-inline-start-size: 0px;
--v-message-elevation: var(--elevation-medium);
--v-message-padding-block-end: var(--size-scalable-12);
--v-message-padding-block-start: var(--size-scalable-12);
--v-message-padding-inline-end: var(--size-scalable-20);
--v-message-padding-inline-start: var(--size-scalable-12)
}
.v-banner .v-message-content {
--v-message-text: var(--palette-default-text)
}
.v-banner .v-message-icon {
--v-message-icon-color: var(--v-message-text);
--v-icon-height: var(--v-message-icon-size);
--v-icon-width: var(--v-message-icon-size)
}
}
@layer components {
:root,.v-alternate {
--v-breadcrumbs-color: var(--palette-default-text);
--v-breadcrumbs-gap: var(--size-scalable-8);
--v-breadcrumbs-pseudo-separator: "/";
--v-breadcrumbs-separator-color: var(--palette-default-active-subtle);
--v-breadcrumbs-margin-block: var(--size-scalable-0);
--v-breadcrumbs-margin-inline: var(--size-scalable-0);
--v-breadcrumbs-padding-block: var(--size-scalable-0);
--v-breadcrumbs-padding-inline: var(--size-scalable-0)
}
}
@layer components {
.v-breadcrumbs.v-breadcrumbs-custom li: not(:last-child):after {
display:none
}
.v-breadcrumbs ol {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: var(--v-breadcrumbs-gap);
list-style: none;
margin-block:var(--v-breadcrumbs-margin-block);margin-inline: var(--v-breadcrumbs-margin-inline);
padding-block:var(--v-breadcrumbs-padding-block);padding-inline: var(--v-breadcrumbs-padding-inline)
}
.v-breadcrumbs li {
--typography-font-family: var(--typography-body-2-medium-font-family);
--typography-font-size: var(--typography-body-2-medium-font-size);
--typography-font-weight: var(--typography-body-2-medium-font-weight);
--typography-letter-spacing: var(--typography-body-2-medium-letter-spacing);
--typography-line-height: var(--typography-body-2-medium-line-height);
--typography-text-decoration: var(--typography-body-2-medium-text-decoration);
--typography-text-transform: var(--typography-body-2-medium-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
align-items: center;
color: var(--v-breadcrumbs-separator-color);
display: flex;
gap: var(--v-breadcrumbs-gap)
}
.v-breadcrumbs li [aria-current=page] {
color: var(--v-breadcrumbs-color)
}
.v-breadcrumbs li: not(:last-child):after {
content:var(--v-breadcrumbs-pseudo-separator);
display: inline-block
}
.v-breadcrumbs li svg {
fill: var(--v-breadcrumbs-separator-color);
--v-icon-primary: var(--v-breadcrumbs-separator-color);
--v-icon-secondary: var(--v-breadcrumbs-separator-color)
}
}
@layer components {
:root,.v-alternate {
--v-button-default-align-items: center;
--v-button-default-block-size: var(--size-scalable-38);
--v-button-default-border-radius: var(--size-rounded-medium);
--v-button-default-border-style: solid;
--v-button-default-direction: row;
--v-button-default-gap: var(--size-scalable-6);
--v-button-default-inline-size: auto;
--v-button-default-justify-content: center;
--v-button-default-padding-block: var(--size-scalable-11);
--v-button-default-padding-inline: var(--size-scalable-14);
--v-button-default-text-transform: none;
--v-button-default-stacked-padding-inline: var(--size-scalable-4);
--v-button-default-stacked-icon-size: 1.7142857143rem;
--v-button-default-stacked-gap: var(--size-scalable-2);
--v-button-default-stacked-block-size: calc(var(--typography-label-small-line-height) + var(--v-button-default-stacked-gap) + var(--v-button-default-stacked-icon-size) + var(--v-button-default-padding-block) * 2);
--v-button-default-stacked-min-inline-size: 62px;
--v-button-default-border-radius-icon: var(--size-rounded-pill);
--v-button-default-icon-size: 1.1428571429rem;
--v-button-default-icon-border-size: 1px;
--v-button-default-icon-padding-block: calc(var(--size-scalable-11) - var(--v-button-default-icon-border-size));
--v-button-default-block-size-small: var(--size-scalable-32);
--v-button-default-padding-block-small: var(--size-scalable-8);
--v-button-default-padding-inline-small: var(--size-scalable-11);
--v-button-default-small-icon-size: 1.1428571429rem;
--v-button-default-block-size-large: var(--size-scalable-46);
--v-button-default-large-icon-size: 1.7142857143rem;
--v-button-default-large-text-icon-size: 1.2857142857rem;
--v-button-default-padding-block-large: var(--size-scalable-11);
--v-button-default-padding-block-icon-large: calc(var(--v-button-default-padding-block-large) - .2142857143rem);
--v-button-default-padding-inline-large: var(--size-scalable-14);
--v-button-default-badge-offset-x: .5;
--v-button-default-small-badge-offset-x: .6;
--v-button-default-large-badge-offset-x: .3;
--v-button-default-badge-offset-y: 0;
--v-button-default-badge-inline-max: .75;
--v-button-default-border-size: 0px;
--v-button-default-icon-subtle-background: var(--palette-default-active-subtle);
--v-button-default-icon-subtle-border-color: var(--palette-default-active-subtle);
--v-button-default-icon-subtle-foreground: var(--palette-default-text-on-active);
--v-button-default-background: var(--palette-default-active);
--v-button-default-border-color: var(--palette-default-active);
--v-button-default-foreground: var(--palette-default-text-on-active);
--v-button-default-hover-background: var(--palette-default-active-hover);
--v-button-default-hover-border-color: var(--palette-default-active-hover);
--v-button-default-hover-foreground: var(--palette-default-text-on-active);
--v-button-default-focus-background: var(--palette-default-active-hover);
--v-button-default-focus-border-color: var(--palette-default-active-hover);
--v-button-default-focus-foreground: var(--palette-default-text-on-active);
--v-button-default-active-background: var(--palette-default-active-pressed);
--v-button-default-active-border-color: var(--palette-default-active-pressed);
--v-button-default-active-foreground: var(--palette-default-text-on-active);
--v-button-default-disabled-background: var(--palette-default-disabled);
--v-button-default-disabled-border-color: var(--palette-default-disabled);
--v-button-default-disabled-foreground: var(--palette-default-text-on-active);
--v-button-default-destructive-background: var(--palette-messaging-text-negative);
--v-button-default-destructive-foreground: var(--palette-default-text-on-active);
--v-button-default-destructive-border-color: var(--palette-messaging-text-negative);
--v-button-default-destructive-focus-outline: var(--palette-messaging-text-pressed-negative);
--v-button-default-destructive-hover-background: var(--palette-messaging-text-hover-negative);
--v-button-default-destructive-hover-border-color: var(--palette-messaging-text-hover-negative);
--v-button-default-destructive-hover-foreground: var(--palette-default-text-on-active);
--v-button-default-destructive-focus-background: var(--palette-messaging-text-hover-negative);
--v-button-default-destructive-focus-border-color: var(--palette-messaging-text-hover-negative);
--v-button-default-destructive-focus-foreground: var(--palette-default-text-on-active);
--v-button-default-destructive-active-background: var(--palette-messaging-text-pressed-negative);
--v-button-default-destructive-active-border-color: var(--palette-messaging-text-pressed-negative);
--v-button-default-destructive-active-foreground: var(--palette-default-text-on-active);
--v-button-secondary-border-size: calc(var(--theme-border-size) / 2);
--v-button-secondary-padding-block: calc(var(--size-scalable-11) - var(--v-button-secondary-border-size));
--v-button-secondary-padding-inline: calc(var(--size-scalable-14) - var(--v-button-secondary-border-size));
--v-button-secondary-icon-subtle-background: var(--palette-default-transparent);
--v-button-secondary-icon-subtle-border-color: var(--palette-default-active-subtle);
--v-button-secondary-icon-subtle-foreground: var(--palette-default-active-subtle);
--v-button-secondary-background: var(--palette-default-transparent);
--v-button-secondary-border-color: var(--palette-default-active);
--v-button-secondary-foreground: var(--palette-default-active);
--v-button-secondary-hover-background: var(--palette-default-surface-highlight);
--v-button-secondary-hover-border-color: var(--palette-default-active-hover);
--v-button-secondary-hover-foreground: var(--palette-default-active-hover);
--v-button-secondary-focus-background: var(--palette-default-surface-highlight);
--v-button-secondary-focus-border-color: var(--palette-default-active-hover);
--v-button-secondary-focus-foreground: var(--palette-default-active-hover);
--v-button-secondary-active-background: var(--palette-default-surface-lowlight);
--v-button-secondary-active-border-color: var(--palette-default-active-pressed);
--v-button-secondary-active-foreground: var(--palette-default-active-pressed);
--v-button-secondary-disabled-background: var(--palette-default-transparent);
--v-button-secondary-disabled-border-color: var(--palette-default-disabled);
--v-button-secondary-disabled-foreground: var(--palette-default-disabled);
--v-button-secondary-destructive-background: var(--palette-default-transparent);
--v-button-secondary-destructive-foreground: var(--palette-messaging-text-negative);
--v-button-secondary-destructive-border-color: var(--palette-messaging-text-negative);
--v-button-secondary-destructive-hover-background: var(--palette-messaging-highlight-negative);
--v-button-secondary-destructive-hover-border-color: var(--palette-messaging-text-hover-negative);
--v-button-secondary-destructive-hover-foreground: var(--palette-messaging-text-hover-negative);
--v-button-secondary-destructive-focus-background: var(--palette-messaging-highlight-negative);
--v-button-secondary-destructive-focus-border-color: var(--palette-messaging-text-hover-negative);
--v-button-secondary-destructive-focus-foreground: var(--palette-messaging-text-hover-negative);
--v-button-secondary-destructive-active-background: var(--palette-messaging-lowlight-negative);
--v-button-secondary-destructive-active-border-color: var(--palette-messaging-text-pressed-negative);
--v-button-secondary-destructive-active-foreground: var(--palette-messaging-text-pressed-negative);
--v-button-tertiary-icon-subtle-background: var(--palette-default-transparent);
--v-button-tertiary-icon-subtle-border-color: var(--palette-default-transparent);
--v-button-tertiary-icon-subtle-foreground: var(--palette-default-active-subtle);
--v-button-tertiary-background: var(--palette-default-transparent);
--v-button-tertiary-border-color: var(--palette-default-transparent);
--v-button-tertiary-foreground: var(--palette-default-active);
--v-button-tertiary-hover-background: var(--palette-default-surface-highlight);
--v-button-tertiary-hover-border-color: var(--palette-default-surface-highlight);
--v-button-tertiary-hover-foreground: var(--palette-default-active-hover);
--v-button-tertiary-focus-background: var(--palette-default-surface-highlight);
--v-button-tertiary-focus-border-color: var(--palette-default-surface-highlight);
--v-button-tertiary-focus-foreground: var(--palette-default-active-hover);
--v-button-tertiary-active-background: var(--palette-default-surface-lowlight);
--v-button-tertiary-active-border-color: var(--palette-default-surface-lowlight);
--v-button-tertiary-active-foreground: var(--palette-default-active-pressed);
--v-button-tertiary-disabled-background: var(--palette-default-transparent);
--v-button-tertiary-disabled-border-color: var(--palette-default-transparent);
--v-button-tertiary-disabled-foreground: var(--palette-default-disabled);
--v-button-tertiary-destructive-background: var(--palette-default-transparent);
--v-button-tertiary-destructive-foreground: var(--palette-messaging-text-negative);
--v-button-tertiary-destructive-border-color: var(--palette-default-transparent);
--v-button-tertiary-destructive-hover-background: var(--palette-messaging-highlight-negative);
--v-button-tertiary-destructive-hover-border-color: var(--palette-messaging-highlight-negative);
--v-button-tertiary-destructive-hover-foreground: var(--palette-messaging-text-hover-negative);
--v-button-tertiary-destructive-focus-background: var(--palette-messaging-highlight-negative);
--v-button-tertiary-destructive-focus-border-color: var(--palette-messaging-highlight-negative);
--v-button-tertiary-destructive-focus-foreground: var(--palette-messaging-text-hover-negative);
--v-button-tertiary-destructive-active-background: var(--palette-messaging-lowlight-negative);
--v-button-tertiary-destructive-active-border-color: var(--palette-messaging-lowlight-negative);
--v-button-tertiary-destructive-active-foreground: var(--palette-messaging-text-pressed-negative)
}
}
@layer components {
.v-button {
--typography-font-family: var(--typography-button-medium-font-family);
--typography-font-size: var(--typography-button-medium-font-size);
--typography-font-weight: var(--typography-button-medium-font-weight);
--typography-letter-spacing: var(--typography-button-medium-letter-spacing);
--typography-line-height: var(--typography-button-medium-line-height);
--typography-text-decoration: var(--typography-button-medium-text-decoration);
--typography-text-transform: var(--typography-button-medium-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
align-items: var(--v-button-default-align-items);
background-color: var(--v-button-default-background);
block-size: var(--v-button-default-block-size);
border: var(--v-button-default-border-size) var(--v-button-default-border-style) var(--v-button-default-border-color);
border-radius: var(--v-button-default-border-radius);
color: var(--v-button-default-foreground);
cursor: pointer;
display: inline-flex;
flex-direction: var(--v-button-default-direction);
gap: var(--v-button-default-gap);
inline-size: var(--v-button-default-inline-size);
justify-content: var(--v-button-default-justify-content);
padding-block:var(--v-button-default-padding-block);padding-inline: var(--v-button-default-padding-inline);
position: relative;
text-transform: var(--v-button-default-text-transform);
--v-icon-tiny-height: var(--v-button-default-icon-size);
--v-icon-tiny-width: var(--v-button-default-icon-size);
--v-icon-low-height: var(--v-button-default-icon-size);
--v-icon-low-width: var(--v-button-default-icon-size);
--v-icon-high-height: var(--v-button-default-icon-size);
--v-icon-high-width: var(--v-button-default-icon-size)
}
@media (prefers-contrast: more)and (forced-colors: active) {
.v-button {
--v-button-default-border-size: var(--v-button-secondary-border-size)
}
}
.v-button:not(.v-icon-two-color):not(:has(.v-icon-two-color)),.v-button.v-alternate:not(.v-icon-two-color):not(:has(.v-icon-two-color)) {
--v-icon-primary: currentColor;
--v-icon-secondary: currentColor
}
.v-button:not(.v-button-secondary):not(.v-button-tertiary),.v-button.v-alternate:not(.v-button-secondary):not(.v-button-tertiary) {
--v-icon-primary: currentColor
}
.v-button:hover {
--v-button-default-background: var(--v-button-default-hover-background);
--v-button-default-border-color: var(--v-button-default-hover-border-color);
--v-button-default-foreground: var(--v-button-default-hover-foreground)
}
.v-button:focus-visible {
--v-button-default-background: var(--v-button-default-focus-background);
--v-button-default-border-color: var(--v-button-default-focus-border-color);
--v-button-default-foreground: var(--v-button-default-focus-foreground)
}
.v-button:active {
--v-button-default-background: var(--v-button-default-active-background);
--v-button-default-border-color: var(--v-button-default-active-border-color);
--v-button-default-foreground: var(--v-button-default-active-foreground)
}
a: is(.v-button)[aria-disabled=true][role=link],.v-button:disabled {
--v-button-default-background:var(--v-button-default-disabled-background);
--v-button-default-border-color: var(--v-button-default-disabled-border-color);
--v-button-default-foreground: var(--v-button-default-disabled-foreground);
cursor: default;
-webkit-user-select: none;
user-select: none;
pointer-events: none
}
a: is(.v-button)[aria-disabled=true][role=link] img,.v-button:disabled img {
filter:grayscale(100%) brightness(.8);
opacity: .5;
pointer-events: none
}
.v-button-small {
--typography-font-family: var(--typography-button-small-font-family);
--typography-font-size: var(--typography-button-small-font-size);
--typography-font-weight: var(--typography-button-small-font-weight);
--typography-letter-spacing: var(--typography-button-small-letter-spacing);
--typography-line-height: var(--typography-button-small-line-height);
--typography-text-decoration: var(--typography-button-small-text-decoration);
--typography-text-transform: var(--typography-button-small-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
--typography-text-transform: var(--v-button-default-text-transform);
--v-button-default-block-size: var(--v-button-default-block-size-small);
--v-button-default-padding-block: var(--v-button-default-padding-block-small);
--v-button-default-padding-inline: var(--v-button-default-padding-inline-small);
--v-button-default-badge-offset-x: var(--v-button-default-small-badge-offset-x);
--v-button-default-icon-size: var(--v-button-default-small-icon-size)
}
.v-button-large {
--typography-font-family: var(--typography-button-large-font-family);
--typography-font-size: var(--typography-button-large-font-size);
--typography-font-weight: var(--typography-button-large-font-weight);
--typography-letter-spacing: var(--typography-button-large-letter-spacing);
--typography-line-height: var(--typography-button-large-line-height);
--typography-text-decoration: var(--typography-button-large-text-decoration);
--typography-text-transform: var(--typography-button-large-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
--typography-text-transform: var(--v-button-default-text-transform);
--v-button-default-block-size: var(--v-button-default-block-size-large);
--v-button-default-padding-block: var(--v-button-default-padding-block-large);
--v-button-default-padding-inline: var(--v-button-default-padding-inline-large);
--v-button-default-icon-size: var(--v-button-default-large-text-icon-size);
--v-button-default-badge-offset-x: var(--v-button-default-large-badge-offset-x)
}
.v-button-secondary {
--v-button-default-padding-block: var(--v-button-secondary-padding-block);
--v-button-default-padding-inline: var(--v-button-secondary-padding-inline);
--v-button-default-border-size: var(--v-button-secondary-border-size);
--v-button-default-icon-subtle-background: var(--v-button-secondary-icon-subtle-background);
--v-button-default-icon-subtle-border-color: var(--v-button-secondary-icon-subtle-border-color);
--v-button-default-icon-subtle-foreground: var(--v-button-secondary-icon-subtle-foreground);
--v-button-default-background: var(--v-button-secondary-background);
--v-button-default-border-color: var(--v-button-secondary-border-color);
--v-button-default-foreground: var(--v-button-secondary-foreground);
--v-button-default-hover-background: var(--v-button-secondary-hover-background);
--v-button-default-hover-border-color: var(--v-button-secondary-hover-border-color);
--v-button-default-hover-foreground: var(--v-button-secondary-hover-foreground);
--v-button-default-focus-background: var(--v-button-secondary-focus-background);
--v-button-default-focus-border-color: var(--v-button-secondary-focus-border-color);
--v-button-default-focus-foreground: var(--v-button-secondary-focus-foreground);
--v-button-default-active-background: var(--v-button-secondary-active-background);
--v-button-default-active-border-color: var(--v-button-secondary-active-border-color);
--v-button-default-active-foreground: var(--v-button-secondary-active-foreground);
--v-button-default-disabled-background: var(--v-button-secondary-disabled-background);
--v-button-default-disabled-border-color: var(--v-button-secondary-disabled-border-color);
--v-button-default-disabled-foreground: var(--v-button-secondary-disabled-foreground);
--v-button-default-destructive-background: var(--v-button-secondary-destructive-background);
--v-button-default-destructive-foreground: var(--v-button-secondary-destructive-foreground);
--v-button-default-destructive-border-color: var(--v-button-secondary-destructive-border-color);
--v-button-default-destructive-hover-background: var(--v-button-secondary-destructive-hover-background);
--v-button-default-destructive-hover-border-color: var(--v-button-secondary-destructive-hover-border-color);
--v-button-default-destructive-hover-foreground: var(--v-button-secondary-destructive-hover-foreground);
--v-button-default-destructive-focus-background: var(--v-button-secondary-destructive-focus-background);
--v-button-default-destructive-focus-border-color: var(--v-button-secondary-destructive-focus-border-color);
--v-button-default-destructive-focus-foreground: var(--v-button-secondary-destructive-focus-foreground);
--v-button-default-destructive-active-background: var(--v-button-secondary-destructive-active-background);
--v-button-default-destructive-active-border-color: var(--v-button-secondary-destructive-active-border-color);
--v-button-default-destructive-active-foreground: var(--v-button-secondary-destructive-active-foreground)
}
.v-button-tertiary {
--v-button-default-icon-subtle-background: var(--v-button-tertiary-icon-subtle-background);
--v-button-default-icon-subtle-border-color: var(--v-button-tertiary-icon-subtle-border-color);
--v-button-default-icon-subtle-foreground: var(--v-button-tertiary-icon-subtle-foreground);
--v-button-default-background: var(--v-button-tertiary-background);
--v-button-default-border-color: var(--v-button-tertiary-border-color);
--v-button-default-foreground: var(--v-button-tertiary-foreground);
--v-button-default-hover-background: var(--v-button-tertiary-hover-background);
--v-button-default-hover-border-color: var(--v-button-tertiary-hover-border-color);
--v-button-default-hover-foreground: var(--v-button-tertiary-hover-foreground);
--v-button-default-focus-background: var(--v-button-tertiary-focus-background);
--v-button-default-focus-border-color: var(--v-button-tertiary-focus-border-color);
--v-button-default-focus-foreground: var(--v-button-tertiary-focus-foreground);
--v-button-default-active-background: var(--v-button-tertiary-active-background);
--v-button-default-active-border-color: var(--v-button-tertiary-active-border-color);
--v-button-default-active-foreground: var(--v-button-tertiary-active-foreground);
--v-button-default-disabled-background: var(--v-button-tertiary-disabled-background);
--v-button-default-disabled-border-color: var(--v-button-tertiary-disabled-border-color);
--v-button-default-disabled-foreground: var(--v-button-tertiary-disabled-foreground);
--v-button-default-destructive-background: var(--v-button-tertiary-destructive-background);
--v-button-default-destructive-foreground: var(--v-button-tertiary-destructive-foreground);
--v-button-default-destructive-border-color: var(--v-button-tertiary-destructive-border-color);
--v-button-default-destructive-hover-background: var(--v-button-tertiary-destructive-hover-background);
--v-button-default-destructive-hover-border-color: var(--v-button-tertiary-destructive-hover-border-color);
--v-button-default-destructive-hover-foreground: var(--v-button-tertiary-destructive-hover-foreground);
--v-button-default-destructive-focus-background: var(--v-button-tertiary-destructive-focus-background);
--v-button-default-destructive-focus-border-color: var(--v-button-tertiary-destructive-focus-border-color);
--v-button-default-destructive-focus-foreground: var(--v-button-tertiary-destructive-focus-foreground);
--v-button-default-destructive-active-background: var(--v-button-tertiary-destructive-active-background);
--v-button-default-destructive-active-border-color: var(--v-button-tertiary-destructive-active-border-color);
--v-button-default-destructive-active-foreground: var(--v-button-tertiary-destructive-active-foreground)
}
.v-button-destructive:not(:disabled) {
--v-button-default-background: var(--v-button-default-destructive-background);
--v-button-default-border-color: var(--v-button-default-destructive-border-color);
--v-button-default-foreground: var(--v-button-default-destructive-foreground);
outline-color: var(--v-button-default-destructive-focus-outline)
}
.v-button-destructive:not(:disabled):hover {
--v-button-default-background: var(--v-button-default-destructive-hover-background);
--v-button-default-border-color: var(--v-button-default-destructive-hover-border-color);
--v-button-default-foreground: var(--v-button-default-destructive-hover-foreground)
}
.v-button-destructive:not(:disabled):focus-visible {
--v-button-default-background: var(--v-button-default-destructive-focus-background);
--v-button-default-border-color: var(--v-button-default-destructive-focus-border-color);
--v-button-default-foreground: var(--v-button-default-destructive-focus-foreground)
}
.v-button-destructive:not(:disabled):active {
--v-button-default-background: var(--v-button-default-destructive-active-background);
--v-button-default-border-color: var(--v-button-default-destructive-active-border-color);
--v-button-default-foreground: var(--v-button-default-destructive-active-foreground)
}
.v-button-icon {
--v-button-default-block-size: fit-content;
--v-button-default-border-radius: var(--v-button-default-border-radius-icon);
--v-button-default-padding-inline: var(--v-button-default-padding-block);
--v-button-default-inline-size: fit-content
}
.v-button-icon.v-button-large {
--v-button-default-icon-size: var(--v-button-default-large-icon-size)
}
.v-button-icon:not(.v-button-secondary) {
--v-button-default-border-size: var(--v-button-default-icon-border-size);
--v-button-default-border-color: var(--palette-default-transparent);
--v-button-default-padding-inline: var(--v-button-default-icon-padding-block);
--v-button-default-padding-block: var(--v-button-default-icon-padding-block)
}
.v-button-icon.v-button-small {
--v-button-default-padding-block: calc(var(--v-button-default-padding-block-small) - var(--v-button-default-border-size));
--v-button-default-padding-inline: calc(var(--v-button-default-padding-block-small) - var(--v-button-default-border-size))
}
.v-button-subtle {
--v-button-default-background: var(--v-button-default-icon-subtle-background);
--v-button-default-border-color: var(--v-button-default-icon-subtle-border-color);
--v-button-default-foreground: var(--v-button-default-icon-subtle-foreground)
}
.v-button .v-badge-number {
--v-badge-number-max-inline: calc(var(--v-button-default-block-size)*var(--v-button-default-badge-inline-max));
position: absolute
}
.v-button .v-badge-number,.v-button .v-badge-number.v-badge-top-right {
right: calc(var(--v-badge-number-size)*-1*var(--v-button-default-badge-offset-x));
top: calc(var(--v-badge-number-size)*-1*var(--v-button-default-badge-offset-y))
}
.v-button .v-badge-number.v-badge-top-left {
left: calc(var(--v-badge-number-size)*-1*var(--v-button-default-badge-offset-x));
right: auto
}
.v-button .v-badge-number.v-badge-bottom-right {
bottom: calc(var(--v-badge-number-size)*-1*var(--v-button-default-badge-offset-y));
top: auto
}
.v-button .v-badge-number.v-badge-bottom-left {
bottom: calc(var(--v-badge-number-size)*-1*var(--v-button-default-badge-offset-y));
left: calc(var(--v-badge-number-size)*-1*var(--v-button-default-badge-offset-x));
right: auto;
top: auto
}
.v-button:has(.v-avatar) {
--v-avatar-size: var(--v-avatar-small-size);
--v-button-default-padding-block: calc((var(--v-button-default-block-size) - var(--v-avatar-size))/2 - var(--v-button-default-border-size))
}
.v-button:has(.v-avatar):has(.v-avatar .v-icon),.v-button:has(.v-avatar):has(.v-avatar.v-icon) {
--v-button-default-padding-block: calc((var(--v-button-default-block-size) - var(--v-avatar-small-icon-size))/2 - var(--v-button-default-border-size))
}
.v-button:has(.v-avatar) .v-avatar {
--typography-font-family: var(--typography-button-small-font-family);
--typography-font-size: var(--typography-button-small-font-size);
--typography-font-weight: var(--typography-button-small-font-weight);
--typography-letter-spacing: var(--typography-button-small-letter-spacing);
--typography-line-height: var(--typography-button-small-line-height);
--typography-text-decoration: var(--typography-button-small-text-decoration);
--typography-text-transform: var(--typography-button-small-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-button-stacked {
min-inline-size: var(--v-button-default-stacked-min-inline-size);
--typography-font-family: var(--typography-label-small-font-family);
--typography-font-size: var(--typography-label-small-font-size);
--typography-font-weight: var(--typography-label-small-font-weight);
--typography-letter-spacing: var(--typography-label-small-letter-spacing);
--typography-line-height: var(--typography-label-small-line-height);
--typography-text-decoration: var(--typography-label-small-text-decoration);
--typography-text-transform: var(--typography-label-small-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
--v-button-default-block-size: var(--v-button-default-stacked-block-size);
--v-button-default-direction: column;
--v-button-default-gap: var(--v-button-default-stacked-gap);
--v-button-default-icon-size: var(--v-button-default-stacked-icon-size);
--v-button-default-padding-inline: var(--v-button-default-stacked-padding-inline)
}
}
@layer components {
:root,.v-alternate {
--v-checkbox-alignment: middle;
--v-checkbox-gap: var(--size-scalable-2);
--v-checkbox-group-gap: var(--size-scalable-4);
--v-checkbox-outline-radius: calc(var(--v-checkbox-border-radius) * 4);
--v-checkbox-indicator-background: var(--palette-default-surface-1);
--v-checkbox-indicator-block-size: var(--size-responsive-18);
--v-checkbox-color: var(--palette-default-active);
--v-checkbox-border-radius: calc(var(--size-rounded-small) / 2);
--v-checkbox-border-size: var(--theme-border-size);
--v-checkbox-border-style: solid;
--v-checkbox-indicator-foreground: var(--palette-default-surface-1);
--v-checkbox-glow-color: var(--palette-default-transparent);
--v-checkbox-glow-offset: var(--size-scalable-10);
--v-checkbox-label-color: var(--palette-default-text);
--v-checkbox-message-color: var(--palette-default-text-subtle);
--v-checkbox-panel-border-color: var(--palette-default-active-subtle);
--v-checkbox-panel-border-color-hover: var(--palette-default-active-hover);
--v-checkbox-panel-border-color-focus: var(--palette-default-active-hover);
--v-checkbox-panel-border-color-active: var(--palette-default-active-pressed);
--v-checkbox-panel-border-color-disabled: var(--palette-default-disabled);
--v-checkbox-panel-glow-offset: var(--size-responsive-8);
--v-checkbox-panel-padding-inline: var(--size-responsive-18);
--v-checkbox-panel-padding-block: var(--size-scalable-10);
--v-checkbox-panel-border-size-highlight: var(--size-scalable-2);
--v-checkbox-panel-group-gap: var(--size-scalable-8);
--v-checkbox-hover-color: var(--palette-default-active-hover);
--v-checkbox-hover-glow-color: var(--palette-default-surface-highlight);
--v-checkbox-focus-color: var(--palette-default-active-hover);
--v-checkbox-focus-glow-color: var(--palette-default-surface-highlight);
--v-checkbox-active-color: var(--palette-default-active-pressed);
--v-checkbox-active-glow-color: var(--palette-default-surface-lowlight);
--v-checkbox-disabled-color: var(--palette-default-disabled);
--v-checkbox-error-color: var(--palette-messaging-graphics-negative)
}
}
@layer components {
.v-checkbox,.v-radio {
align-items: center;
appearance: none;
background-color: var(--v-checkbox-indicator-background);
block-size: var(--v-checkbox-indicator-block-size);
border-color: var(--v-checkbox-color);
border-radius: var(--v-checkbox-border-radius);
border-style: var(--v-checkbox-border-style);
border-width: var(--v-checkbox-border-size);
box-shadow: 0 0 0 var(--v-checkbox-glow-offset) var(--v-checkbox-glow-color);
box-sizing: border-box;
color: var(--v-checkbox-indicator-foreground);
cursor: pointer;
direction: ltr;
display: inline-flex;
flex-shrink: 0;
inline-size: var(--v-checkbox-indicator-block-size);
justify-content: center;
margin: var(--v-checkbox-glow-offset);
outline-offset: var(--v-checkbox-glow-offset);
position: relative
}
.v-checkbox:hover,.v-radio:hover {
--v-checkbox-glow-color: var(--v-checkbox-hover-glow-color);
--v-checkbox-color: var(--v-checkbox-hover-color)
}
.v-checkbox:focus-visible,.v-radio:focus-visible {
--v-checkbox-glow-color: var(--v-checkbox-focus-glow-color);
--v-checkbox-color: var(--v-checkbox-focus-color)
}
.v-checkbox:focus-visible:after,.v-radio:focus-visible:after {
transform: scale(1)
}
.v-checkbox:not(.v-radio):focus-visible,.v-radio:not(.v-radio):focus-visible {
outline: none
}
.v-checkbox:active,.v-radio:active,.v-checkbox:has(+.v-label:active),.v-radio:has(+.v-label:active) {
--v-checkbox-glow-color: var(--v-checkbox-active-glow-color);
--v-checkbox-color: var(--v-checkbox-active-color)
}
.v-label:not(.v-chip-selection):active .v-checkbox,.v-label:not(.v-chip-selection):active .v-radio,.v-label:not(.v-chip-selection):active+.v-checkbox,.v-label:not(.v-chip-selection):active+.v-radio {
--v-checkbox-glow-color: var(--v-checkbox-active-glow-color);
--v-checkbox-color: var(--v-checkbox-active-color)
}
.v-checkbox:before,.v-radio:before {
block-size: calc(.6666666667*var(--v-checkbox-indicator-block-size) - var(--v-checkbox-border-size)/2);
border-block-end:var(--size-responsive-2) solid var(--v-checkbox-indicator-foreground);border-inline-end: var(--size-responsive-2) solid var(--v-checkbox-indicator-foreground);
content: "";
inline-size: calc(.3333333333*var(--v-checkbox-indicator-block-size) - var(--v-checkbox-border-size)/2);
rotate: 45deg;
transform: scale(0);
translate: 0 -1px
}
.v-checkbox:after,.v-radio:after {
block-size: calc(var(--v-checkbox-indicator-block-size) + var(--v-checkbox-glow-offset)*2 + var(--v-checkbox-border-size));
border-color: var(--palette-default-active-pressed);
border-radius: var(--v-checkbox-outline-radius);
border-style: dashed;
border-width: var(--theme-focus-outline-size);
content: "";
inline-size: calc(var(--v-checkbox-indicator-block-size) + var(--v-checkbox-glow-offset)*2 + var(--v-checkbox-border-size));
position: absolute;
transform: scale(0)
}
.v-checkbox.checked,.checked.v-radio,.v-checkbox:checked,.v-radio:checked {
--v-checkbox-indicator-background: var(--v-checkbox-color)
}
.v-checkbox.checked:before,.checked.v-radio:before,.v-checkbox:checked:before,.v-radio:checked:before {
transform: scale(1)
}
.v-checkbox[aria-invalid=true]: not(:disabled),[aria-invalid=true].v-radio:not(:disabled) {
--v-checkbox-color:var(--v-checkbox-error-color)
}
.v-checkbox:disabled,.v-radio:disabled {
--v-checkbox-color: var(--v-checkbox-disabled-color);
--v-checkbox-glow-color: var(--palette-default-transparent);
cursor: default
}
.v-checkbox:disabled:checked:not(.v-radio),.v-radio:disabled:checked:not(.v-radio) {
border-color: var(--palette-default-transparent)
}
.v-checkbox:disabled+.v-label,.v-radio:disabled+.v-label {
--v-label-color: var(--v-checkbox-disabled-color);
cursor: default;
pointer-events: none
}
fieldset>.v-flex-col,fieldset>.v-flex-row {
gap: var(--v-checkbox-group-gap);
margin-block:var(--v-checkbox-group-gap)}
fieldset>.v-flex-col: has(.v-checkbox-panel,.v-radio-panel),fieldset>.v-flex-row:has(.v-checkbox-panel,.v-radio-panel) {
--v-checkbox-group-gap:var(--v-checkbox-panel-group-gap)
}
.v-checkbox.mixed,.mixed.v-radio,.v-checkbox[aria-checked=mixed],[aria-checked=mixed].v-radio,.v-checkbox[type=checkbox]: indeterminate,[type=checkbox].v-radio:indeterminate {
--v-checkbox-active-indicator-foreground:var(--v-checkbox-active-color)
}
.v-checkbox.mixed:not(:checked):before,.mixed.v-radio:not(:checked):before,.v-checkbox[aria-checked=mixed]: not(:checked):before,[aria-checked=mixed].v-radio:not(:checked):before,.v-checkbox[type=checkbox]:indeterminate:not(:checked):before,[type=checkbox].v-radio:indeterminate:not(:checked):before {
align-self:center;
block-size: 0px;
border-block-end:0;border-inline-end:0;border-radius: var(--v-checkbox-border-radius);
border-top-color: var(--v-checkbox-color);
border-top-style: solid;
border-top-width: var(--v-checkbox-border-size);
display: inline-flex;
inline-size: 10px;
rotate: none;
transform: scale(1);
translate: none
}
.v-checkbox-panel,.v-radio-panel {
--v-checkbox-glow-offset: var(--v-checkbox-panel-glow-offset);
--v-action-secondary-border-color: var(--v-checkbox-panel-border-color);
--v-action-secondary-padding-block: calc(var(--v-checkbox-panel-padding-block) - var(--v-action-secondary-border-size));
--v-action-secondary-padding-inline: calc(var(--v-checkbox-panel-padding-inline) - var(--v-checkbox-panel-glow-offset) - var(--v-action-secondary-border-size)) calc(var(--v-checkbox-panel-padding-inline) - var(--v-action-secondary-border-size))
}
.v-checkbox-panel .v-input-message,.v-radio-panel .v-input-message {
-webkit-user-select: none;
user-select: none
}
.v-checkbox-panel:has(.v-radio:only-of-type:hover),.v-checkbox-panel:has(.v-checkbox:only-of-type:hover,.v-radio:only-of-type:hover),.v-radio-panel:has(.v-checkbox:only-of-type:hover,.v-radio:only-of-type:hover),.v-checkbox-panel:hover,.v-radio-panel:hover {
--v-action-secondary-border-color: var(--v-checkbox-panel-border-color-hover);
--v-action-secondary-border-size: var(--v-checkbox-panel-border-size-highlight)
}
.v-checkbox-panel:has(.v-radio:only-of-type:focus-visible),.v-checkbox-panel:has(.v-checkbox:only-of-type:focus-visible,.v-radio:only-of-type:focus-visible),.v-radio-panel:has(.v-checkbox:only-of-type:focus-visible,.v-radio:only-of-type:focus-visible),.v-checkbox-panel:focus-visible,.v-radio-panel:focus-visible {
--v-action-secondary-border-color: var(--v-checkbox-panel-border-color-focus);
--v-action-secondary-border-size: var(--v-checkbox-panel-border-size-highlight)
}
.v-checkbox-panel:has(.v-radio:only-of-type:active),.v-checkbox-panel:has(.v-checkbox:only-of-type:active,.v-radio:only-of-type:active),.v-radio-panel:has(.v-checkbox:only-of-type:active,.v-radio:only-of-type:active),.v-checkbox-panel:active,.v-radio-panel:active {
--v-action-secondary-border-color: var(--v-checkbox-panel-border-color-active);
--v-action-secondary-border-size: var(--v-checkbox-panel-border-size-highlight)
}
.v-checkbox-panel:has(.v-radio:only-of-type:disabled),.v-checkbox-panel:has(.v-checkbox:only-of-type:disabled,.v-radio:only-of-type:disabled),.v-radio-panel:has(.v-checkbox:only-of-type:disabled,.v-radio:only-of-type:disabled),.v-checkbox-panel:disabled,.v-radio-panel:disabled {
--v-action-secondary-border-color: var(--v-checkbox-panel-border-color-disabled);
pointer-events: none
}
.v-checkbox-panel.v-label .v-input-message,.v-label.v-radio-panel .v-input-message {
white-space: normal
}
}
@layer components {
:root,.v-alternate {
--v-chip-align-items: center;
--v-chip-active-border-color: var(--palette-default-active-pressed);
--v-chip-avatar-size: var(--v-avatar-icon-size);
--v-chip-background-color: var(--palette-default-surface-1);
--v-chip-border-color: var(--palette-default-active);
--v-chip-border-radius: calc(var(--size-rounded-large) * 2);
--v-chip-border-style: solid;
--v-chip-border-width: 1px;
--v-chip-button-padding: 0;
--v-chip-button-size: var(--size-scalable-30);
--v-chip-checkbox-appearance: none;
--v-chip-checkbox-clip: rect(0, 0, 0, 0);
--v-chip-checkbox-margin: 0;
--v-chip-checkbox-position: fixed;
--v-chip-compact-border-color: var(--palette-default-active-subtle);
--v-chip-compact-border-radius: var(--size-rounded-small);
--v-chip-compact-button-padding: 0;
--v-chip-compact-icon-size: 1.1428571429rem;
--v-chip-compact-padding-block: var(--size-scalable-3);
--v-chip-compact-padding-inline: var(--size-scalable-3);
--v-chip-compact-padding-inline-start: var(--size-scalable-5);
--v-chip-compact-avatar-size: 1.5714285714rem;
--v-chip-compact-button-size: var(--size-scalable-28);
--v-chip-delete-padding-block: var(--size-scalable-0);
--v-chip-delete-padding-inline-end: var(--size-scalable-0);
--v-chip-disabled-border-color: var(--palette-default-disabled);
--v-chip-disabled-cursor: default;
--v-chip-display: inline-flex;
--v-chip-gap: var(--size-scalable-4);
--v-chip-hover-border-color: var(--palette-default-active-hover);
--v-chip-icon-size: 1.2857142857rem;
--v-chip-inline-size: fit-content;
--v-chip-lead-inline-start-padding: var(--size-scalable-3);
--v-chip-padding-block: var(--size-scalable-6);
--v-chip-padding-inline-end: var(--size-scalable-7);
--v-chip-padding-inline-start: var(--v-chip-padding-inline-end);
--v-chip-readonly-background-color: var(--palette-default-surface-1);
--v-chip-readonly-border-color: var(--palette-default-border);
--v-chip-readonly-label-color: var(--palette-default-text-subtle);
--v-chip-selection-cursor: pointer;
--v-chip-selection-gap: var(--size-scalable-6);
--v-chip-selection-text-color: var(--palette-default-active);
--v-chip-static-border-color: var(--palette-default-border)
}
}
@layer components {
.v-chip {
align-items: var(--v-chip-align-items);
background-color: var(--v-chip-background-color);
border-color: var(--v-chip-border-color);
border-radius: var(--v-chip-border-radius);
border-style: var(--v-chip-border-style);
border-width: var(--v-chip-border-width);
display: var(--v-chip-display);
gap: var(--v-chip-gap);
inline-size: var(--v-chip-inline-size);
padding-block:var(--v-chip-padding-block);padding-inline: var(--v-chip-padding-inline-start) var(--v-chip-padding-inline-end);
--theme-focus-outline-offset: var(--size-scalable-2)
}
.v-chip:not(.v-chip-compact) {
--typography-font-family: var(--typography-label-large-font-family);
--typography-font-size: var(--typography-label-large-font-size);
--typography-font-weight: var(--typography-label-large-font-weight);
--typography-letter-spacing: var(--typography-label-large-letter-spacing);
--typography-line-height: var(--typography-label-large-line-height);
--typography-text-decoration: var(--typography-label-large-text-decoration);
--typography-text-transform: var(--typography-label-large-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-chip:has(.v-avatar) {
--v-chip-padding-inline-start: var(--v-chip-lead-inline-start-padding)
}
.v-chip>.v-icon {
--v-icon-height: var(--v-chip-icon-size);
--v-icon-width: var(--v-chip-icon-size)
}
.v-chip .v-avatar {
--v-avatar-size: var(--v-chip-avatar-size)
}
.v-chip:not(:has(.v-button)):not(:has(input)) {
--v-chip-border-color: var(--v-chip-static-border-color)
}
.v-chip:has(.v-button-icon) {
--v-chip-padding-block: var(--v-chip-delete-padding-block);
--v-chip-padding-inline-end: var(--v-chip-delete-padding-inline-end)
}
.v-chip:has(.v-button[disabled]) {
cursor: var(--v-chip-disabled-cursor);
pointer-events: none;
--v-chip-border-color: var(--v-action-secondary-disabled-border-color);
--v-label-color: var(--v-action-secondary-disabled-foreground)
}
.v-chip .v-button-icon {
flex-shrink: 0;
inline-size: var(--v-chip-button-size);
--v-button-default-block-size: var(--v-chip-button-size);
--v-button-default-padding-block: var(--v-chip-button-padding);
--v-button-default-padding-inline: var(--v-chip-button-padding)
}
.v-chip-selection {
--typography-font-family: var(--typography-label-large-font-family);
--typography-font-size: var(--typography-label-large-font-size);
--typography-font-weight: var(--typography-label-large-font-weight);
--typography-letter-spacing: var(--typography-label-large-letter-spacing);
--typography-line-height: var(--typography-label-large-line-height);
--typography-text-decoration: var(--typography-label-large-text-decoration);
--typography-text-transform: var(--typography-label-large-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
cursor: var(--v-chip-selection-cursor);
--v-label-color: var(--v-chip-selection-text-color);
--v-action-secondary-font-size: var(--typography-label-large-font-size);
--v-action-secondary-font-weight: var(--typography-label-large-font-weight);
--v-action-secondary-letter-spacing: var(--typography-label-large-letter-spacing);
--v-action-secondary-line-height: var(--typography-label-large-line-height);
--v-chip-gap: var(--v-chip-selection-gap)
}
.v-chip-selection .v-checkbox {
appearance: var(--v-chip-checkbox-appearance);
clip: var(--v-chip-checkbox-clip);
margin: var(--v-chip-checkbox-margin);
position: var(--v-chip-checkbox-position);
--v-checkbox-color: var(--palette-default-transparent)
}
.v-chip-selection .v-checkbox:checked {
display: flex;
position: relative
}
.v-chip-selection .v-checkbox:checked:before {
background-color: initial;
block-size: 100%;
border-block-end:var(--size-scalable-2) solid var(--v-checkbox-indicator-foreground);border-inline-end: var(--size-scalable-2) solid var(--v-checkbox-indicator-foreground);
border-radius: var(--size-rounded-none);
content: "";
inline-size: calc(var(--v-checkbox-indicator-block-size)*.44444 - var(--v-checkbox-border-size)/2);
rotate: 45deg;
translate: 0 -2px
}
.v-chip-selection .v-checkbox:checked:after {
display: none
}
.v-chip-selection .v-checkbox:hover,.v-chip-selection .v-checkbox:active {
--v-checkbox-glow-color: var(--palette-default-transparent)
}
.v-chip-selection:hover,.v-chip-selection:has(.v-checkbox:only-of-type:hover) {
--v-chip-background-color: var(--v-action-secondary-hover-background);
--v-chip-border-color: var(--v-action-secondary-hover-border-color);
--v-label-color: var(--v-action-secondary-hover-foreground)
}
.v-chip-selection:has(.v-checkbox:only-of-type:focus-visible) {
--v-chip-background-color: var(--v-action-secondary-focus-background);
--v-chip-border-color: var(--v-action-secondary-focus-border-color);
--v-label-color: var(--v-action-secondary-focus-foreground)
}
.v-chip-selection:active,.v-chip-selection:has(.v-checkbox:only-of-type:active:not(:disabled)) {
--v-chip-background-color: var(--v-action-secondary-active-background);
--v-chip-border-color: var(--v-action-secondary-active-border-color);
--v-label-color: var(--v-action-secondary-active-foreground)
}
.v-chip-selection:active:has(.v-checkbox:only-of-type:hover),.v-chip-selection:has(.v-checkbox:only-of-type:active:not(:disabled)):has(.v-checkbox:only-of-type:hover) {
--v-chip-background-color: var(--v-action-secondary-active-background);
--v-chip-border-color: var(--v-action-secondary-active-border-color);
--v-label-color: var(--v-action-secondary-active-foreground)
}
.v-chip-selection[readonly],.v-chip-selection: has(.v-checkbox:only-of-type[readonly]) {
--v-chip-border-color:var(--v-chip-readonly-border-color);
--v-label-color: var(--v-chip-readonly-label-color);
cursor: var(--v-chip-disabled-cursor);
pointer-events: none
}
.v-chip-selection[readonly]: hover,.v-chip-selection[readonly]:has(.v-checkbox:only-of-type:hover),.v-chip-selection[readonly]:has(.v-checkbox:only-of-type:focus-visible),.v-chip-selection:has(.v-checkbox:only-of-type[readonly]):hover,.v-chip-selection:has(.v-checkbox:only-of-type[readonly]):has(.v-checkbox:only-of-type:hover),.v-chip-selection:has(.v-checkbox:only-of-type[readonly]):has(.v-checkbox:only-of-type:focus-visible) {
--v-chip-background-color:var(--v-chip-readonly-background-color);
--v-chip-border-color: var(--v-chip-readonly-border-color);
--v-label-color: var(--v-chip-readonly-label-color)
}
.v-chip-selection[disabled],.v-chip-selection: has(.v-checkbox:only-of-type:disabled) {
cursor:var(--v-chip-disabled-cursor);
pointer-events: none;
--v-chip-border-color: var(--v-action-secondary-disabled-border-color);
--v-label-color: var(--v-action-secondary-disabled-foreground)
}
.v-chip-selection:has(.v-checkbox:checked) {
--typography-font-family: var(--typography-label-large-active-font-family);
--typography-font-size: var(--typography-label-large-active-font-size);
--typography-font-weight: var(--typography-label-large-active-font-weight);
--typography-letter-spacing: var(--typography-label-large-active-letter-spacing);
--typography-line-height: var(--typography-label-large-active-line-height);
--typography-text-decoration: var(--typography-label-large-active-text-decoration);
--typography-text-transform: var(--typography-label-large-active-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
--v-chip-background-color: var(--v-action-primary-background);
--v-label-color: var(--palette-default-text-on-active);
--v-action-primary-font-size: var(--typography-label-large-active-font-size);
--v-action-primary-font-weight: var(--typography-label-large-active-font-weight);
--v-action-primary-letter-spacing: var(--typography-label-large-active-letter-spacing);
--v-action-primary-line-height: var(--typography-label-large-active-line-height)
}
.v-chip-selection:has(.v-checkbox:checked):hover,.v-chip-selection:has(.v-checkbox:checked):has(.v-checkbox:only-of-type:hover) {
--v-chip-background-color: var(--v-action-primary-hover-background);
--v-chip-border-color: var(--v-action-primary-hover-border-color);
--v-label-color: var(--palette-default-text-on-active)
}
.v-chip-selection:has(.v-checkbox:checked):has(.v-checkbox:only-of-type:focus-visible) {
--v-chip-background-color: var(--v-action-primary-focus-background);
--v-chip-border-color: var(--v-action-primary-focus-border-color);
--v-label-color: var(--v-action-primary-focus-foreground)
}
.v-chip-selection:has(.v-checkbox:checked):active,.v-chip-selection:has(.v-checkbox:checked):has(.v-checkbox:only-of-type:active) {
--v-chip-background-color: var(--v-action-primary-active-background);
--v-chip-border-color: var(--v-action-primary-active-border-color);
--v-label-color: var(--palette-default-text-on-active)
}
.v-chip-selection:has(.v-checkbox:checked):active:has(.v-checkbox:only-of-type:hover),.v-chip-selection:has(.v-checkbox:checked):has(.v-checkbox:only-of-type:active):has(.v-checkbox:only-of-type:hover) {
--v-chip-background-color: var(--v-action-primary-active-background);
--v-chip-border-color: var(--v-action-primary-active-border-color);
--v-label-color: var(--palette-default-text-on-active)
}
.v-chip-selection:has(.v-checkbox:checked)[readonly],.v-chip-selection: has(.v-checkbox:checked):has(.v-checkbox:only-of-type[readonly]) {
--v-chip-background-color:var(--v-chip-readonly-background-color);
--v-chip-border-color: var(--v-chip-readonly-border-color);
--v-label-color: var(--v-chip-readonly-label-color);
cursor: var(--v-chip-disabled-cursor);
pointer-events: none
}
.v-chip-selection:has(.v-checkbox:checked)[readonly] .v-checkbox: before,.v-chip-selection:has(.v-checkbox:checked):has(.v-checkbox:only-of-type[readonly]) .v-checkbox:before {
--v-checkbox-indicator-foreground:var(--v-chip-readonly-label-color)
}
.v-chip-selection:has(.v-checkbox:checked)[readonly]: hover,.v-chip-selection:has(.v-checkbox:checked)[readonly]:has(.v-checkbox:only-of-type:hover),.v-chip-selection:has(.v-checkbox:checked)[readonly]:has(.v-checkbox:only-of-type:focus-visible),.v-chip-selection:has(.v-checkbox:checked):has(.v-checkbox:only-of-type[readonly]):hover,.v-chip-selection:has(.v-checkbox:checked):has(.v-checkbox:only-of-type[readonly]):has(.v-checkbox:only-of-type:hover),.v-chip-selection:has(.v-checkbox:checked):has(.v-checkbox:only-of-type[readonly]):has(.v-checkbox:only-of-type:focus-visible) {
--v-chip-background-color:var(--v-chip-readonly-background-color);
--v-chip-border-color: var(--v-chip-readonly-border-color);
--v-label-color: var(--v-chip-readonly-label-color)
}
.v-chip-selection:has(.v-checkbox:checked)[disabled],.v-chip-selection: has(.v-checkbox:checked):has(.v-checkbox:only-of-type:disabled) {
cursor:var(--v-chip-disabled-cursor);
--v-chip-background-color: var(--v-action-secondary-disabled-background);
--v-chip-border-color: var(--v-action-secondary-disabled-border-color);
--v-label-color: var(--v-action-secondary-disabled-foreground)
}
.v-chip-selection:has(.v-checkbox:checked)[disabled] .v-checkbox: before,.v-chip-selection:has(.v-checkbox:checked):has(.v-checkbox:only-of-type:disabled) .v-checkbox:before {
--v-checkbox-indicator-foreground:var(--v-action-secondary-disabled-foreground)
}
.v-chip-compact {
--typography-font-family: var(--typography-label-font-family);
--typography-font-size: var(--typography-label-font-size);
--typography-font-weight: var(--typography-label-font-weight);
--typography-letter-spacing: var(--typography-label-letter-spacing);
--typography-line-height: var(--typography-label-line-height);
--typography-text-decoration: var(--typography-label-text-decoration);
--typography-text-transform: var(--typography-label-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
--v-chip-border-color: var(--v-chip-compact-border-color);
--v-chip-border-radius: var(--v-chip-compact-border-radius);
--v-chip-padding-block: var(--v-chip-compact-padding-block);
--v-chip-padding-inline-end: var(--v-chip-compact-padding-inline);
--v-chip-padding-inline-start: var(--v-chip-compact-padding-inline-start)
}
.v-chip-compact:has(.v-avatar),.v-chip-compact:has(>.v-icon) {
--v-chip-padding-inline-start: var(--v-chip-compact-padding-inline)
}
.v-chip-compact>.v-icon {
--v-icon-height: var(--v-chip-compact-icon-size);
--v-icon-width: var(--v-chip-compact-icon-size)
}
.v-chip-compact .v-avatar {
--v-avatar-size: var(--v-chip-compact-avatar-size)
}
.v-chip-compact .v-button-icon {
flex-shrink: 0;
inline-size: var(--v-chip-compact-button-size);
--v-button-default-block-size: var(--v-chip-compact-button-size);
--v-button-default-padding-block: var(--v-chip-compact-button-padding);
--v-button-default-padding-inline: var(--v-chip-compact-button-padding)
}
}
@layer components {
:root,.v-alternate {
--v-combobox-gap: 0;
--v-combobox-elevation: var(--elevation-xlarge);
--v-combobox-position: relative
}
}
@layer components {
.v-combobox {
display: flex;
flex-direction: column;
gap: var(--v-combobox-gap);
position: var(--v-combobox-position)
}
.v-combobox .v-input-container .v-chip {
color: var(--v-input-color)
}
.v-combobox .v-surface:has(.v-listbox) {
--v-surface-border-color: var(--v-listbox-container-border-color);
--v-surface-border-radius: var(--v-listbox-container-border-radius)
}
.v-combobox .v-listbox-container {
--v-listbox-container-border-highlight-size: var(--v-listbox-container-border-size-initial);
--v-listbox-container-hover-border-color: var(--v-surface-border-color);
--v-listbox-container-focus-border-color: var(--v-surface-border-color);
--v-listbox-container-active-border-color: var(--v-surface-border-color);
--v-listbox-container-error-text-color: var(--v-surface-border-color);
--v-listbox-container-error-border-color: var(--v-surface-border-color)
}
.v-combobox .v-listbox-container:has(.v-listbox),.v-combobox .v-surface:has(.v-listbox) {
box-shadow: var(--v-combobox-elevation);
display: none
}
.v-combobox:hover {
--v-input-container-border-color: var(--v-input-hover-container-border-color);
--v-input-indicator-color: var(--v-input-hover-indicator-color);
--v-input-indicator-size: var(--v-input-hover-indicator-size)
}
.v-combobox:has(.v-listbox-item:focus-visible),.v-combobox .v-listbox:focus-visible,.v-combobox:has(.v-checkbox:focus-visible),.v-combobox:has(.v-radio:focus-visible) {
--v-input-container-border-color: var(--v-input-focus-container-border-color);
--v-input-indicator-color: var(--v-input-focus-indicator-color);
--v-input-indicator-size: var(--v-input-focus-indicator-size);
--v-label-color: var(--v-input-focus-label-color)
}
.v-combobox:has(.v-listbox-item:active),.v-combobox .v-listbox:active {
--v-input-container-border-color: var(--v-input-active-container-border-color);
--v-input-indicator-color: var(--v-input-active-indicator-color);
--v-input-indicator-size: var(--v-input-active-indicator-size)
}
.v-combobox:has(.v-input[aria-expanded=true]): has(.v-input[aria-invalid=true]) .v-input-message {
height:1px;
left: -10000px;
overflow: hidden;
position: absolute;
top: auto;
width: 1px
}
.v-combobox:has(.v-input[aria-expanded=true]) .v-listbox-container: has(.v-listbox:not([role=listbox])),.v-combobox:has(.v-input[aria-expanded=true]) .v-surface:has(.v-listbox:not([role=listbox])) {
display:var(--v-listbox-container-display)
}
.v-combobox:has(.v-input:disabled) .v-listbox-container:has(.v-listbox),.v-combobox:has(.v-input:disabled) .v-surface:has(.v-listbox) {
display: none
}
}
@layer components {
:root,.v-alternate {
--v-content-card-background-color: var(--palette-default-surface-1);
--v-content-card-border: var(--size-scalable-1) solid var(--palette-default-border);
--v-content-card-border-block-end: inset 0 calc(-1 * var(--theme-border-size) * 1.5) var(--palette-default-active);
--v-content-card-border-block-end-hover: inset 0 calc(-1 * var(--theme-border-size) * 1.5) var(--palette-default-active-hover);
--v-content-card-border-block-end-pressed: inset 0 calc(-1 * var(--theme-border-size) * 1.5) var(--palette-default-active-pressed);
--v-content-card-border-block-end-none: inset 0 0 var(--palette-default-transparent);
--v-content-card-border-radius: var(--size-rounded-xlarge);
--v-content-card-color: var(--palette-default-text);
--v-content-card-elevation: var(--elevation-small);
--v-content-card-elevation-clickable: var(--elevation-medium);
--v-content-card-padding-block: var(--size-scalable-20);
--v-content-card-padding-inline: var(--size-scalable-20);
--v-content-card-action-padding-block-start: var(--size-scalable-16);
--v-content-card-action-gap: var(--size-scalable-12);
--v-content-card-divider-color: var(--palette-default-active);
--v-content-card-title-color: var(--palette-default-active);
--v-content-card-title-gap: var(--size-scalable-8);
--v-content-card-title-justify-content: space-between;
--v-content-card-clickable-title-justify-content: start;
--v-content-card-clickable-title-gap: var(--size-scalable-4);
--v-content-card-clickable-title-translate: var(--size-scalable-8);
--v-content-card-subtitle-color: var(--palette-default-text-subtle);
--v-content-card-image-block: 195px;
--v-content-card-disabled-title-color: var(--palette-default-text-subtle);
--v-content-card-disabled-color: var(--palette-default-disabled)
}
}
@layer components {
.v-content-card {
background-color: var(--v-content-card-background-color);
border: var(--v-content-card-border);
border-radius: var(--v-content-card-border-radius);
box-shadow: var(--v-content-card-elevation),var(--v-content-card-border-block-end-none);
color: var(--v-content-card-color);
transition: box-shadow .3s ease-out
}
.v-content-card .v-card-divider {
--v-divider-color-standard: var(--v-content-card-divider-color)
}
.v-content-card-body {
padding-block:var(--v-content-card-padding-block);padding-inline: var(--v-content-card-padding-inline)
}
.v-content-card-title {
color: var(--v-content-card-title-color);
display: flex;
gap: var(--v-content-card-title-gap);
justify-content: var(--v-content-card-title-justify-content)
}
.v-content-card-title .v-icon-move {
transition: transform .3s ease-out
}
.v-content-card-title-link {
color: var(--v-content-card-title-color);
text-decoration: none
}
.v-content-card-title-link:focus-visible {
outline: none
}
.v-content-card-subtitle {
color: var(--v-content-card-subtitle-color)
}
a.v-content-card,button.v-content-card {
cursor: pointer;
display: flex;
text-align: unset;
text-decoration: none
}
a.v-content-card: is(button),button.v-content-card:is(button) {
inline-size:100%
}
a.v-content-card: hover,a.v-content-card:focus-visible,button.v-content-card:hover,button.v-content-card:focus-visible {
--v-content-card-border-block-end-none:var(--v-content-card-border-block-end-hover);
--v-content-card-elevation: var(--v-content-card-elevation-clickable);
--v-content-card-title-color: var(--palette-default-active-hover);
--v-icon-primary: var(--palette-default-active-hover);
--v-icon-secondary: var(--palette-default-active-hover)
}
a.v-content-card: hover .v-icon-move,button.v-content-card:hover .v-icon-move {
transform:translate(var(--v-content-card-clickable-title-translate));
transition: transform .3s ease-out
}
a.v-content-card: active,button.v-content-card:active {
--v-content-card-border-block-end-none:var(--v-content-card-border-block-end-pressed);
--v-content-card-title-color: var(--palette-default-active-pressed);
--v-icon-primary: var(--palette-default-active-pressed);
--v-icon-secondary: var(--palette-default-active-pressed)
}
a.v-content-card .v-content-card-title,button.v-content-card .v-content-card-title {
align-items: center;
transition: transform .3s ease-out;
--v-content-card-title-justify-content: var(--v-content-card-clickable-title-justify-content);
--v-content-card-title-gap: var(--v-content-card-clickable-title-gap)
}
a.v-content-card[aria-disabled=true],a.v-content-card[disabled],a.v-content-card: is(a):not([href]),button.v-content-card[aria-disabled=true],button.v-content-card[disabled],button.v-content-card:is(a):not([href]) {
pointer-events:none;
--v-icon-primary: var(--v-content-card-disabled-title-color);
--v-icon-secondary: var(--v-content-card-disabled-title-color);
--v-content-card-title-color: var(--v-content-card-disabled-title-color);
--v-content-card-subtitle-color: var(--v-content-card-disabled-color);
--v-content-card-color: var(--v-content-card-disabled-color)
}
.v-content-card-clickable {
cursor: pointer
}
.v-content-card-clickable.v-link {
--v-link-background: var(--v-content-card-background-color);
--v-link-hover-background: var(--v-content-card-background-color);
--v-link-focus-background: var(--v-content-card-background-color);
--v-link-active-background: var(--v-content-card-background-color);
--v-link-disabled-background: var(--v-content-card-background-color);
--v-link-border-radius: var(--v-content-card-border-radius)
}
.v-content-card-clickable .v-content-card-title {
align-items: center;
transition: transform .3s ease-out;
--v-content-card-title-justify-content: var(--v-content-card-clickable-title-justify-content);
--v-content-card-title-gap: var(--v-content-card-clickable-title-gap)
}
.v-content-card-clickable[aria-disabled=true] {
pointer-events: none;
--v-icon-primary: var(--v-content-card-disabled-title-color);
--v-icon-secondary: var(--v-content-card-disabled-title-color);
--v-content-card-title-color: var(--v-content-card-disabled-title-color);
--v-content-card-subtitle-color: var(--v-content-card-disabled-color);
--v-content-card-color: var(--v-content-card-disabled-color)
}
.v-content-card-clickable:has(.v-content-card-title-link:focus-visible) {
outline-width: var(--theme-focus-outline-size);
outline-style: dashed;
outline-color: var(--palette-default-active-pressed);
outline-offset: var(--theme-focus-outline-offset);
--v-content-card-border-block-end-none: var(--v-content-card-border-block-end-hover);
--v-content-card-elevation: var(--v-content-card-elevation-clickable);
--v-content-card-title-color: var(--palette-default-active-hover);
--v-icon-primary: var(--palette-default-active-hover);
--v-icon-secondary: var(--palette-default-active-hover)
}
.v-content-card-clickable:hover,.v-content-card-clickable:focus-visible {
--v-content-card-border-block-end-none: var(--v-content-card-border-block-end-hover);
--v-content-card-elevation: var(--v-content-card-elevation-clickable);
--v-content-card-title-color: var(--palette-default-active-hover);
--v-icon-primary: var(--palette-default-active-hover);
--v-icon-secondary: var(--palette-default-active-hover)
}
.v-content-card-clickable:active {
--v-content-card-border-block-end-none: var(--v-content-card-border-block-end-pressed);
--v-content-card-title-color: var(--palette-default-active-pressed);
--v-icon-primary: var(--palette-default-active-pressed);
--v-icon-secondary: var(--palette-default-active-pressed)
}
.v-content-card-border-block-end,.v-content-card-compact {
--v-content-card-border-block-end-none: var(--v-content-card-border-block-end)
}
.v-content-card-image {
background-color: var(--palette-default-surface-2);
block-size: var(--v-content-card-image-block);
border-top-left-radius: var(--v-content-card-border-radius);
border-top-right-radius: var(--v-content-card-border-radius)
}
}
@layer components {
:root,.v-alternate {
--v-dialog-background-color: var(--palette-default-surface-1);
--v-dialog-header-padding-block: 0 var(--size-scalable-8);
--v-dialog-content-padding-block: 0;
--v-dialog-content-padding-inline: 0;
--v-dialog-content-word-break: normal;
--v-dialog-padding: var(--size-scalable-24);
--v-dialog-padding-inline-end: var(--size-scalable-22);
--v-dialog-padding-block-end: var(--size-scalable-19);
--v-dialog-margin: var(--size-scalable-16)
}
}
@layer components {
.v-dialog {
max-block-size: calc(100% - 2*var(--v-dialog-margin));
--v-message-max-inline-size: var(--v-dialog-inline-size, calc(100% - 2 * var(--v-dialog-margin)))
}
.v-dialog-default {
--v-message-border-color: rgba(0,0,0,0)
}
.v-dialog-header {
--typography-font-family: var(--typography-headline-3-font-family);
--typography-font-size: var(--typography-headline-3-font-size);
--typography-font-weight: var(--typography-headline-3-font-weight);
--typography-letter-spacing: var(--typography-headline-3-letter-spacing);
--typography-line-height: var(--typography-headline-3-line-height);
--typography-text-decoration: var(--typography-headline-3-text-decoration);
--typography-text-transform: var(--typography-headline-3-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
padding-block:var(--v-dialog-header-padding-block)}
.v-dialog: not([open]) {
display:none
}
.v-dialog[open] {
--v-message-border-block-start-size: 0px;
--v-message-border-inline-end-size: 0px;
--v-message-border-inline-start-size: 0px;
--v-message-border-radius: var(--size-rounded-large);
--v-message-elevation: var(--elevation-xxlarge);
--v-message-gap: 0px;
--v-message-padding-block-end: var(--v-dialog-padding-block-end);
--v-message-padding-block-start: var(--v-dialog-padding);
--v-message-padding-inline-end: var(--v-dialog-padding-inline-end);
--v-message-padding-inline-start: var(--v-dialog-padding);
--v-message-background: var(--v-dialog-background-color)
}
.v-dialog[open] .v-message-content {
--typography-font-family: var(--typography-body-2-font-family);
--typography-font-size: var(--typography-body-2-font-size);
--typography-font-weight: var(--typography-body-2-font-weight);
--typography-letter-spacing: var(--typography-body-2-letter-spacing);
--typography-line-height: var(--typography-body-2-line-height);
--typography-text-decoration: var(--typography-body-2-text-decoration);
--typography-text-transform: var(--typography-body-2-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
--v-message-text: var(--palette-default-text);
overflow-y: auto;
padding-block:var(--v-dialog-content-padding-block);padding-inline: var(--v-dialog-content-padding-inline);
word-break: var(--v-dialog-content-word-break)
}
.v-dialog[open] dialog: :backdrop {
background:var(--palette-default-overlay)
}
@media (prefers-contrast: more)and (forced-colors: active) {
.v-dialog[open] {
--v-message-border-block-end-size: var(--size-scalable-1);
--v-message-border-block-start-size: var(--size-scalable-1);
--v-message-border-inline-end-size: var(--size-scalable-1);
--v-message-border-inline-start-size: var(--size-scalable-1)
}
}
}
@layer components {
:root,.v-alternate {
--v-divider-border-width: 0px;
--v-divider-color-decorative: var(--palette-default-border);
--v-divider-color-section: var(--palette-default-active);
--v-divider-color-standard: var(--palette-default-active-subtle);
--v-divider-high-contrast-decorative: #000000;
--v-divider-margin: 0;
--v-divider-thickness-default: calc(var(--theme-border-size) / 2);
--v-divider-thickness-section: var(--theme-border-size)
}
}
@layer components {
.v-divider {
background-color: var(--v-divider-color-standard);
block-size: var(--v-divider-thickness-default);
border-width: var(--v-divider-border-width);
margin: var(--v-divider-margin)
}
@media (forced-colors: active) {
.v-divider {
--v-divider-border-width: 1px;
border-color: var(--v-divider-color-standard)
}
}
.v-divider-section {
--v-divider-color-standard: var(--v-divider-color-section);
--v-divider-thickness-default: var(--v-divider-thickness-section)
}
.v-divider-decorative {
--v-divider-color-standard: var(--v-divider-color-decorative)
}
@media (prefers-contrast: more) {
.v-divider-decorative {
--v-divider-color-standard: var(--v-divider-high-contrast-decorative)
}
}
}
@layer components {
:root,.v-alternate {
--v-dropdown-menu-surface-margin-block-start: var(--size-scalable-2)
}
}
@layer components {
.v-dropdown:not(:has(.v-input[aria-expanded=true]))+.v-surface: has(.v-listbox),.v-dropdown:not(:has(.v-input[aria-expanded=true]))+.v-listbox-container:has(.v-listbox) {
margin-block-start:var(--v-dropdown-menu-surface-margin-block-start)
}
.v-dropdown[aria-expanded=true]+.v-surface: has(.v-listbox),.v-dropdown[aria-expanded=true]+.v-listbox-container:has(.v-listbox),.v-dropdown:has(.v-input[aria-expanded=true])+.v-surface:has(.v-listbox),.v-dropdown:has(.v-input[aria-expanded=true])+.v-listbox-container:has(.v-listbox) {
box-shadow:var(--elevation-xlarge);
display: flex
}
.v-dropdown[aria-expanded=true]+.v-surface .v-listbox-item,.v-dropdown[aria-expanded=true]+.v-listbox-container .v-listbox-item,.v-dropdown: has(.v-input[aria-expanded=true])+.v-surface .v-listbox-item,.v-dropdown:has(.v-input[aria-expanded=true])+.v-listbox-container .v-listbox-item {
--v-action-secondary-border-size:var(--v-listbox-border-size)
}
@media (prefers-contrast: more)and (forced-colors: active) {
.v-dropdown[aria-expanded=true]+.v-surface .v-listbox-item,.v-dropdown[aria-expanded=true]+.v-listbox-container .v-listbox-item,.v-dropdown:has(.v-input[aria-expanded=true])+.v-surface .v-listbox-item,.v-dropdown:has(.v-input[aria-expanded=true])+.v-listbox-container .v-listbox-item {
border-width: 1px;
border-color: #0000
}
}
.v-dropdown[aria-expanded=true]+.v-surface .v-listbox-item: not(.v-button-destructive):not(:disabled) .v-listbox-item-label,.v-dropdown[aria-expanded=true]+.v-listbox-container .v-listbox-item:not(.v-button-destructive):not(:disabled) .v-listbox-item-label,.v-dropdown:has(.v-input[aria-expanded=true])+.v-surface .v-listbox-item:not(.v-button-destructive):not(:disabled) .v-listbox-item-label,.v-dropdown:has(.v-input[aria-expanded=true])+.v-listbox-container .v-listbox-item:not(.v-button-destructive):not(:disabled) .v-listbox-item-label {
color:var(--palette-default-text)
}
.v-dropdown[aria-expanded=true]+.v-surface .v-listbox-item: not(.v-button-destructive):not(:disabled) .v-icon,.v-dropdown[aria-expanded=true]+.v-listbox-container .v-listbox-item:not(.v-button-destructive):not(:disabled) .v-icon,.v-dropdown:has(.v-input[aria-expanded=true])+.v-surface .v-listbox-item:not(.v-button-destructive):not(:disabled) .v-icon,.v-dropdown:has(.v-input[aria-expanded=true])+.v-listbox-container .v-listbox-item:not(.v-button-destructive):not(:disabled) .v-icon {
color:var(--palette-default-active-subtle)
}
.v-dropdown[aria-expanded=true]+.v-surface .v-listbox-item.v-button,.v-dropdown[aria-expanded=true]+.v-listbox-container .v-listbox-item.v-button,.v-dropdown: has(.v-input[aria-expanded=true])+.v-surface .v-listbox-item.v-button,.v-dropdown:has(.v-input[aria-expanded=true])+.v-listbox-container .v-listbox-item.v-button {
--v-button-default-justify-content:start
}
.v-dropdown[aria-expanded=true]+.v-surface .v-listbox-item.v-button-destructive,.v-dropdown[aria-expanded=true]+.v-listbox-container .v-listbox-item.v-button-destructive,.v-dropdown: has(.v-input[aria-expanded=true])+.v-surface .v-listbox-item.v-button-destructive,.v-dropdown:has(.v-input[aria-expanded=true])+.v-listbox-container .v-listbox-item.v-button-destructive {
--typography-font-family:var(--typography-label-large-active-font-family);
--typography-font-size: var(--typography-label-large-active-font-size);
--typography-font-weight: var(--typography-label-large-active-font-weight);
--typography-letter-spacing: var(--typography-label-large-active-letter-spacing);
--typography-line-height: var(--typography-label-large-active-line-height);
--typography-text-decoration: var(--typography-label-large-active-text-decoration);
--typography-text-transform: var(--typography-label-large-active-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-dropdown[aria-expanded=true].v-button: has(+.v-surface *:focus-visible),.v-dropdown[aria-expanded=true].v-button:has(+.v-listbox-container *:focus-visible),.v-dropdown:has(.v-input[aria-expanded=true]).v-button:has(+.v-surface *:focus-visible),.v-dropdown:has(.v-input[aria-expanded=true]).v-button:has(+.v-listbox-container *:focus-visible) {
--v-button-default-background:var(--v-button-default-active-background);
--v-button-default-border-color: var(--v-button-default-active-border-color);
--v-button-default-foreground: var(--v-button-default-active-foreground)
}
.v-dropdown-menu {
--v-surface-border-color: var(--palette-default-border);
--v-surface-border-radius: var(--size-rounded-large);
--v-surface-border-size: 1px;
--v-surface-padding-block: 0px;
--v-surface-padding-inline: 0px;
box-shadow: var(--elevation-xlarge);
display: flex
}
.v-dropdown-menu li.v-listbox-item .v-link,.v-dropdown-menu li.v-listbox-item .v-button {
--v-button-default-justify-content: start
}
.v-dropdown-menu li.v-listbox-item .v-link-destructive,.v-dropdown-menu li.v-listbox-item .v-button-destructive {
--typography-font-family: var(--typography-label-large-active-font-family);
--typography-font-size: var(--typography-label-large-active-font-size);
--typography-font-weight: var(--typography-label-large-active-font-weight);
--typography-letter-spacing: var(--typography-label-large-active-letter-spacing);
--typography-line-height: var(--typography-label-large-active-line-height);
--typography-text-decoration: var(--typography-label-large-active-text-decoration);
--typography-text-transform: var(--typography-label-large-active-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-dropdown-menu li .v-listbox-item {
width: 100%;
background-color: var(--v-action-secondary-background);
border-color: var(--v-action-secondary-border-color);
border-radius: var(--v-action-secondary-border-radius);
border-style: var(--v-action-secondary-border-style);
border-width: var(--v-action-secondary-border-size);
color: var(--v-action-secondary-foreground);
font-size: var(--v-action-secondary-font-size);
font-weight: var(--v-action-secondary-font-weight);
gap: var(--v-action-secondary-gap);
letter-spacing: var(--v-action-secondary-letter-spacing);
line-height: var(--v-action-secondary-line-height);
block-size: var(--v-action-secondary-block-size);
cursor: pointer;
padding-block:var(--v-action-secondary-padding-block);padding-inline: var(--v-action-secondary-padding-inline);
--typography-font-family: var(--typography-label-large-font-family);
--typography-font-size: var(--typography-label-large-font-size);
--typography-font-weight: var(--typography-label-large-font-weight);
--typography-letter-spacing: var(--typography-label-large-letter-spacing);
--typography-line-height: var(--typography-label-large-line-height);
--typography-text-decoration: var(--typography-label-large-text-decoration);
--typography-text-transform: var(--typography-label-large-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
block-size: 100%
}
.v-dropdown-menu li .v-listbox-item: has(.v-radio:only-of-type:hover),.v-dropdown-menu li .v-listbox-item:has(.v-checkbox:only-of-type:hover),.v-dropdown-menu li .v-listbox-item:hover {
--v-action-secondary-background:var(--v-action-secondary-hover-background);
--v-action-secondary-border-color: var(--v-action-secondary-hover-border-color);
--v-action-secondary-foreground: var(--v-action-secondary-hover-foreground)
}
.v-dropdown-menu li .v-listbox-item: has(.v-radio:only-of-type:focus-visible),.v-dropdown-menu li .v-listbox-item:has(.v-checkbox:only-of-type:focus-visible),.v-dropdown-menu li .v-listbox-item:focus-visible {
--v-action-secondary-background:var(--v-action-secondary-focus-background);
--v-action-secondary-border-color: var(--v-action-secondary-focus-border-color);
--v-action-secondary-foreground: var(--v-action-secondary-focus-foreground)
}
.v-dropdown-menu li .v-listbox-item: has(.v-radio:only-of-type:focus-visible) .v-label,.v-dropdown-menu li .v-listbox-item:has(.v-checkbox:only-of-type:focus-visible) .v-label,.v-dropdown-menu li .v-listbox-item:focus-visible .v-label {
color:var(--v-action-secondary-focus-foreground)
}
.v-dropdown-menu li .v-listbox-item: has(.v-radio:only-of-type:active),.v-dropdown-menu li .v-listbox-item:has(.v-checkbox:only-of-type:active),.v-dropdown-menu li .v-listbox-item:active {
--v-action-secondary-background:var(--v-action-secondary-active-background);
--v-action-secondary-border-color: var(--v-action-secondary-active-border-color);
--v-action-secondary-foreground: var(--v-action-secondary-active-foreground)
}
.v-dropdown-menu li .v-listbox-item: has(.v-radio:only-of-type:active) .v-label,.v-dropdown-menu li .v-listbox-item:has(.v-checkbox:only-of-type:active) .v-label,.v-dropdown-menu li .v-listbox-item:active .v-label {
color:var(--v-action-secondary-active-foreground)
}
.v-dropdown-menu li .v-listbox-item: has(.v-checkbox:only-of-type),.v-dropdown-menu li .v-listbox-item:has(.v-radio:only-of-type) {
--v-action-secondary-block-size:100%
}
.v-dropdown-menu li .v-listbox-item: has(.v-checkbox:only-of-type):has(.v-checkbox:focus-visible),.v-dropdown-menu li .v-listbox-item:has(.v-checkbox:only-of-type):has(.v-radio:focus-visible),.v-dropdown-menu li .v-listbox-item:has(.v-radio:only-of-type):has(.v-checkbox:focus-visible),.v-dropdown-menu li .v-listbox-item:has(.v-radio:only-of-type):has(.v-radio:focus-visible) {
outline-width:var(--theme-focus-outline-size);
outline-style: dashed;
outline-color: var(--palette-default-active-pressed);
outline-offset: var(--theme-focus-outline-offset);
--theme-focus-outline-offset: 0px
}
.v-dropdown-menu li .v-listbox-item: has(.v-checkbox:only-of-type) .v-label:only-of-type,.v-dropdown-menu li .v-listbox-item:has(.v-radio:only-of-type) .v-label:only-of-type {
inline-size:100%
}
.v-dropdown-menu li .v-listbox-item: has(.v-checkbox:only-of-type) .v-checkbox:focus-visible,.v-dropdown-menu li .v-listbox-item:has(.v-checkbox:only-of-type) .v-radio:focus-visible,.v-dropdown-menu li .v-listbox-item:has(.v-radio:only-of-type) .v-checkbox:focus-visible,.v-dropdown-menu li .v-listbox-item:has(.v-radio:only-of-type) .v-radio:focus-visible {
outline:none
}
.v-dropdown-menu li .v-listbox-item: has(.v-checkbox:only-of-type) .v-checkbox:focus-visible:after,.v-dropdown-menu li .v-listbox-item:has(.v-checkbox:only-of-type) .v-radio:focus-visible:after,.v-dropdown-menu li .v-listbox-item:has(.v-radio:only-of-type) .v-checkbox:focus-visible:after,.v-dropdown-menu li .v-listbox-item:has(.v-radio:only-of-type) .v-radio:focus-visible:after {
display:none
}
.v-dropdown-menu li .v-listbox-item[disabled],.v-dropdown-menu li .v-listbox-item: has(.v-checkbox:only-of-type:disabled),.v-dropdown-menu li .v-listbox-item:has(.v-radio:only-of-type:disabled) {
--v-action-secondary-background:var(--v-action-secondary-disabled-background);
--v-action-secondary-border-color: var(--v-action-secondary-disabled-border-color);
--v-action-secondary-foreground: var(--v-action-secondary-disabled-foreground);
--v-label-color: var(--v-action-secondary-disabled-foreground);
--v-input-message-color: var(--v-action-secondary-disabled-foreground);
cursor: default
}
.v-dropdown-menu li .v-listbox-item.v-button-destructive: not(:disabled) {
color:var(--v-button-default-foreground)!important
}
.v-dropdown-menu li .v-listbox-item.v-button-destructive: not(:disabled):hover,.v-dropdown-menu li .v-listbox-item.v-button-destructive:not(:disabled):focus {
background-color:var(--v-button-default-background)
}
}
@layer components;@layer components {
.v-flag {
--v-message-border-block-start-size: 0px;
--v-message-border-inline-end-size: 0px;
--v-message-border-inline-start-size: 0px;
--v-message-border-radius: var(--size-rounded-large);
--v-message-max-inline-size: 360px;
--v-message-elevation: var(--elevation-xlarge);
--v-message-padding-block-end: var(--size-scalable-12);
--v-message-padding-block-start: var(--size-scalable-12);
--v-message-padding-inline-end: var(--size-scalable-12);
--v-message-padding-inline-start: var(--size-scalable-12);
--v-message-flag-content-color: var(--palette-default-text);
--v-message-background: var(--palette-default-surface-1)
}
.v-flag .v-message-content {
--v-message-text: var(--v-message-flag-content-color)
}
.v-flag .v-message-icon {
--v-icon-height: var(--v-message-icon-size);
--v-icon-width: var(--v-message-icon-size)
}
}
@layer components {
:root,.v-alternate {
--v-footer-background-color: var(--palette-default-surface-2);
--v-footer-flex-wrap: wrap;
--v-footer-padding-inline: var(--size-scalable-24);
--v-footer-padding-block: var(--size-scalable-15);
--v-footer-grid-columns-md: 2;
--v-footer-grid-columns-sm: 1
}
}
@layer components {
.v-footer {
background-color: var(--v-footer-background-color);
display: flex;
flex-wrap: var(--v-footer-flex-wrap);
padding-block:var(--v-footer-padding-block);padding-inline: var(--v-footer-padding-inline)
}
.v-footer-container {
display: grid;
grid-auto-flow: column;
column-gap: var(--size-scalable-24);
row-gap: var(--size-scalable-30);
flex: 1 1 auto
}
@media (max-width: 767px) {
.v-footer-container {
grid-template-columns:repeat(var(--v-footer-grid-columns-md),1fr);
grid-auto-flow: row
}
}
@media (max-width: 480px) {
.v-footer-container {
grid-template-columns:repeat(var(--v-footer-grid-columns-sm),1fr)
}
}
.v-footer-column {
display: flex;
flex-direction: column;
gap: var(--size-scalable-24)
}
@media (max-width: 767px) {
.v-footer-column {
gap:var(--size-scalable-16)
}
}
@media (max-width: 480px) {
.v-footer-links {
flex-direction:column
}
}
}
@layer components {
:root,.v-alternate {
--v-icon-primary: var(--palette-default-active);
--v-icon-secondary: var(--palette-default-active);
--v-icon-height: var(--size-responsive-24);
--v-icon-width: var(--size-responsive-24);
--v-icon-high-height: var(--size-responsive-48);
--v-icon-high-width: var(--size-responsive-48);
--v-icon-low-height: var(--size-responsive-24);
--v-icon-low-width: var(--size-responsive-24);
--v-icon-tiny-height: var(--size-responsive-16);
--v-icon-tiny-width: var(--size-responsive-16)
}
}
@layer components {
.v-icon-rtl[dir=rtl] .v-icon,.v-icon.v-icon-rtl[dir=rtl],[dir=rtl] .v-icon-rtl .v-icon,[dir=rtl] .v-icon.v-icon-rtl {
scale: -1 1
}
.v-icon {
block-size: var(--v-icon-height);
flex-shrink: 0;
inline-size: var(--v-icon-width)
}
.v-icon:not(.v-icon-visa) {
fill: var(--v-icon-primary, currentColor)
}
.v-icon:not(.v-icon-visa)>use {
color: var(--v-icon-primary, currentColor)
}
.v-icon-generic {
--v-icon-primary: currentColor;
--v-icon-secondary: currentColor
}
.v-icon-visa {
color: var(--v-icon-primary)
}
.v-icon-visa .v-icon-primary {
fill: var(--v-icon-primary)
}
.v-icon-visa .v-icon-secondary {
fill: var(--v-icon-secondary)
}
.v-icon-high {
--v-icon-height: var(--v-icon-high-height);
--v-icon-width: var(--v-icon-high-width)
}
.v-icon-low {
--v-icon-height: var(--v-icon-low-height);
--v-icon-width: var(--v-icon-low-width)
}
.v-icon-tiny {
--v-icon-height: var(--v-icon-tiny-height);
--v-icon-width: var(--v-icon-tiny-width)
}
.v-icon-success:not(symbol): not(.v-badge *) {
--v-icon-primary:var(--v-message-graphics-success);
--v-icon-secondary: var(--v-message-graphics-success)
}
.v-icon-warning:not(symbol): not(.v-badge *) {
--v-icon-primary:var(--v-message-graphics-warning);
--v-icon-secondary: var(--v-message-graphics-warning)
}
.v-icon-error:not(symbol): not(.v-badge *) {
--v-icon-primary:var(--v-message-graphics-error);
--v-icon-secondary: var(--v-message-graphics-error)
}
}
@layer components;@layer components {
.v-input-otp {
--v-input-font-size: 2.143rem;
--typography-letter-spacing: .286rem;
--typography-line-height: 2.571rem;
text-align: center
}
.v-input-container:has(.v-input:disabled) .v-button {
--v-button-default-background: var(--v-button-default-disabled-background);
--v-button-default-border-color: var(--v-button-default-disabled-border-color);
--v-button-default-foreground: var(--v-button-default-disabled-foreground);
cursor: default
}
textarea.v-input {
margin-block-start: calc((var(--v-input-container-block-size) - 2*var(--v-input-container-padding-block) - var(--typography-body-2-line-height))/2);
min-block-size: calc(var(--v-input-container-block-size) - 2*var(--v-input-container-padding-block) - (var(--v-input-container-block-size) - 2*var(--v-input-container-padding-block) - var(--typography-body-2-line-height))/2)
}
textarea.v-input: not([rows]) {
block-size:calc(var(--v-input-container-block-size) - 2*var(--v-input-container-padding-block) - (var(--v-input-container-block-size) - 2*var(--v-input-container-padding-block) - var(--typography-body-2-line-height))/2)
}
textarea.v-input-resize-none {
resize: none
}
}
@layer components {
:root,.v-alternate {
--v-label-align-items: center;
--v-label-color: var(--palette-default-text-subtle);
--v-label-display: flex;
--v-label-white-space: normal;
--v-label-white-space-small-breakpoint: normal
}
}
@layer components {
.v-label {
--typography-font-family: var(--typography-label-font-family);
--typography-font-size: var(--typography-label-font-size);
--typography-font-weight: var(--typography-label-font-weight);
--typography-letter-spacing: var(--typography-label-letter-spacing);
--typography-line-height: var(--typography-label-line-height);
--typography-text-decoration: var(--typography-label-text-decoration);
--typography-text-transform: var(--typography-label-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
align-items: var(--v-label-align-items);
color: var(--v-label-color);
cursor: pointer;
display: var(--v-label-display);
-webkit-user-select: none;
user-select: none;
white-space: var(--v-label-white-space)
}
@container (max-width: 480px) {
.v-label {
--v-label-white-space: var(--v-label-white-space-small-breakpoint)
}
}
.v-label:has(+.v-checkbox:disabled),.v-label:has(+.v-radio:disabled),.v-label:has(.v-checkbox:disabled),.v-label:has(.v-radio:disabled),.v-label:has(+.v-input-container .v-input:disabled) {
--v-label-color: var(--v-checkbox-disabled-color);
cursor: default;
pointer-events: none
}
}
@layer components {
:root,.v-alternate {
--v-link-display: inline-flex;
--v-link-padding-block: var(--size-scalable-0);
--v-link-padding-inline: var(--size-scalable-0);
--v-link-icon-gap: .2857142857rem;
--v-link-icon-top: 3px;
--v-link-icon-transformation: translateY(3px);
--v-link-text-decoration: underline;
--v-link-background: var(--palette-default-transparent);
--v-link-border-color: var(--palette-default-transparent);
--v-link-border-radius: var(--size-rounded-none);
--v-link-border-size: calc(var(--theme-border-size) * 0);
--v-link-border-style: solid;
--v-link-foreground: var(--palette-default-active);
--v-link-hover-background: var(--palette-default-surface-highlight);
--v-link-hover-border-color: var(--palette-default-transparent);
--v-link-hover-foreground: var(--palette-default-active-hover);
--v-link-focus-background: var(--palette-default-surface-highlight);
--v-link-focus-border-color: var(--palette-default-transparent);
--v-link-focus-foreground: var(--palette-default-active-hover);
--v-link-active-background: var(--palette-default-surface-lowlight);
--v-link-active-border-color: var(--palette-default-transparent);
--v-link-active-foreground: var(--palette-default-active-pressed);
--v-link-disabled-background: var(--palette-default-surface-1);
--v-link-disabled-border-color: var(--palette-default-transparent);
--v-link-disabled-foreground: var(--palette-default-disabled)
}
}
@layer components {
.v-link {
--typography-font-family: var(--typography-body-2-link-font-family);
--typography-font-size: var(--typography-body-2-link-font-size);
--typography-font-weight: var(--typography-body-2-link-font-weight);
--typography-letter-spacing: var(--typography-body-2-link-letter-spacing);
--typography-line-height: var(--typography-body-2-link-line-height);
--typography-text-decoration: var(--typography-body-2-link-text-decoration);
--typography-text-transform: var(--typography-body-2-link-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
align-items: baseline;
background-color: var(--v-link-background);
border-color: var(--v-link-border-color);
border-radius: var(--v-link-border-radius);
border-style: var(--v-link-border-style);
border-width: var(--v-link-border-size);
color: var(--v-link-foreground);
cursor: pointer;
display: var(--v-link-display);
gap: var(--v-link-icon-gap);
padding-block:var(--v-link-padding-block);padding-inline: var(--v-link-padding-inline);
text-decoration: var(--v-link-text-decoration)
}
.v-link:hover {
background-color: var(--v-link-hover-background);
border-color: var(--v-link-hover-border-color);
color: var(--v-link-hover-foreground)
}
.v-link:focus-visible {
background-color: var(--v-link-focus-background);
border-color: var(--v-link-focus-border-color);
color: var(--v-link-focus-foreground)
}
.v-link:active {
background-color: var(--v-link-active-background);
border-color: var(--v-link-active-border-color);
color: var(--v-link-active-foreground)
}
button.v-link[disabled],.v-link[role=link][aria-disabled=true] {
--v-link-foreground: var(--palette-default-disabled);
pointer-events: none
}
.v-link-no-underline {
text-decoration: none
}
.v-link>.v-icon {
--v-icon-primary: currentColor;
--v-icon-secondary: currentColor;
top: var(--v-link-icon-top);
transform: var(--v-link-icon-transformation)
}
}
@layer components {
:root,.v-alternate {
--v-listbox-background-color: var(--palette-default-transparent);
--v-listbox-block-size: 100%;
--v-listbox-block-size-scroll: 180px;
--v-listbox-block-size-scroll-mobile: 230px;
--v-listbox-border-color: var(--palette-default-transparent);
--v-listbox-border-radius: var(--size-rounded-none);
--v-listbox-border-size: 0px;
--v-listbox-border-style: solid;
--v-listbox-checkbox-glow-offset: 0px;
--v-listbox-group-gap: var(--size-scalable-4);
--v-listbox-padding-initial: var(--size-scalable-4);
--v-listbox-padding: var(--v-listbox-padding-initial);
--v-listbox-error-text-color: var(--palette-messaging-text-negative);
--v-listbox-error-border-color: var(--palette-messaging-graphics-negative);
--v-listbox-error-icon-color: var(--palette-messaging-graphics-negative);
--v-listbox-disabled-color: var(--palette-default-disabled);
--v-listbox-item-foreground: var(--palette-default-text);
--v-listbox-item-selected-foreground: var(--palette-default-text);
--v-listbox-item-padding-block: calc(var(--size-scalable-11) - var(--v-listbox-checkbox-glow-offset) - var(--v-action-secondary-border-size));
--v-listbox-item-padding-inline: calc(var(--size-scalable-8) - var(--v-listbox-checkbox-glow-offset) - var(--v-action-secondary-border-size));
--v-listbox-item-selected-background: var(--palette-default-surface-3);
--v-listbox-item-border-color: var(--palette-default-transparent);
--v-listbox-item-gap: var(--size-scalable-6);
--v-listbox-item-text-align: start;
--v-listbox-checkbox-color: var(--palette-default-active);
--v-listbox-checkbox-hover: var(--palette-default-active-hover);
--v-listbox-checkbox-active: var(--palette-default-active-pressed);
--v-listbox-container-background: var(--palette-default-surface-1);
--v-listbox-container-border-color: var(--palette-default-border);
--v-listbox-container-border-radius: var(--size-rounded-large);
--v-listbox-container-border-size-initial: calc(var(--theme-border-size) / 2);
--v-listbox-container-border-size: var(--v-listbox-container-border-size-initial);
--v-listbox-container-border-style: solid;
--v-listbox-container-border-highlight-size-initial: 0;
--v-listbox-container-border-highlight-size: calc(var(--v-listbox-container-border-size-initial) * 2);
--v-listbox-container-margin-block: var(--size-scalable-4);
--v-listbox-container-display: flex;
--v-listbox-container-hover-border-color: var(--palette-default-active-hover);
--v-listbox-container-focus-border-color: var(--palette-default-active-hover);
--v-listbox-container-active-border-color: var(--palette-default-active-pressed);
--v-listbox-container-error-text-color: var(--palette-messaging-text-negative);
--v-listbox-container-error-border-color: var(--palette-messaging-graphics-negative);
--v-listbox-container-disabled-color: var(--palette-default-disabled);
--v-listbox-container-disabled-border-color: var(--palette-default-disabled)
}
}
@layer components {
.v-listbox {
background-color: var(--v-listbox-background-color);
border-color: var(--v-listbox-border-color);
border-radius: var(--v-listbox-border-radius);
border-style: var(--v-listbox-border-style);
border-width: var(--v-listbox-border-size);
display: flex;
flex-direction: column;
gap: var(--v-listbox-group-gap);
inline-size: 100%;
max-block-size: var(--v-listbox-block-size);
outline: none;
overflow-y: auto;
padding: var(--v-listbox-padding)
}
.v-listbox.v-listbox-scroll {
--v-listbox-block-size: var(--v-listbox-block-size-scroll)
}
@media only screen and (max-width: 767px) {
.v-listbox.v-listbox-scroll {
--v-listbox-block-size:var(--v-listbox-block-size-scroll-mobile)
}
}
.v-listbox-item {
--typography-font-family: var(--typography-label-large-font-family);
--typography-font-size: var(--typography-label-large-font-size);
--typography-font-weight: var(--typography-label-large-font-weight);
--typography-letter-spacing: var(--typography-label-large-letter-spacing);
--typography-line-height: var(--typography-label-large-line-height);
--typography-text-decoration: var(--typography-label-large-text-decoration);
--typography-text-transform: var(--typography-label-large-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
align-items: center;
display: flex;
text-align: var(--v-listbox-item-text-align)
}
.v-listbox-item:hover .v-label {
color: var(--palette-default-active-hover)
}
.v-listbox-item:hover:has(input: disabled) .v-label {
color:var(--v-checkbox-disabled-color)
}
.v-listbox-item:active .v-label {
color: var(--palette-default-active-pressed)
}
.v-listbox-item:not(:last-child) {
border-block-end:0px}
.v-listbox-item .v-label {
padding-block:var(--v-action-secondary-padding-block);padding-inline: var(--v-action-secondary-padding-inline);
padding-inline-start:0px}
.v-listbox-item:has(.v-label) {
padding-block:0px;padding-inline:0px;padding-inline-start:var(--v-listbox-item-padding-inline)}
.v-listbox-item,.v-listbox-item.v-listbox-item-highlighted[role=option] {
--v-action-secondary-foreground: var(--v-listbox-item-foreground);
--v-action-secondary-padding-block: var(--v-listbox-item-padding-block);
--v-action-secondary-padding-inline: var(--v-listbox-item-padding-inline);
--v-action-secondary-border-color: var(--v-listbox-item-border-color);
--v-action-secondary-gap: var(--v-listbox-item-gap);
--v-action-secondary-border-color: var(--palette-default-transparent);
--v-action-secondary-hover-border-color: var(--palette-default-transparent)
}
.v-listbox-item .v-radio {
border-color: #0000;
--v-radio-indicator-background: rgba(0,0,0,0);
--v-checkbox-border-size: 0px
}
.v-listbox-item .v-radio,.v-listbox-item .v-checkbox {
--v-checkbox-glow-offset: var(--v-listbox-checkbox-glow-offset)
}
.v-listbox-item:has(.v-link),.v-listbox-item:has(.v-button) {
cursor: default;
display: flex;
gap: var(--v-listbox-item-gap);
padding-block:0px;padding-inline:0px}
.v-listbox-item:has(.v-link) .v-label,.v-listbox-item:has(.v-button) .v-label {
flex-grow: 1;
gap: var(--v-action-secondary-gap);
padding-block:var(--v-action-secondary-padding-block);padding-inline: var(--v-action-secondary-padding-inline)
}
.v-listbox-item:has(.v-link) .v-link,.v-listbox-item:has(.v-button) .v-link {
--v-link-hover-background: var(--v-palette-default-transparent);
--v-link-padding-block: var(--v-action-secondary-padding-block);
--v-link-padding-inline: var(--v-action-secondary-padding-inline);
gap: var(--v-listbox-item-gap)
}
.v-listbox-item:has(.v-link) .v-button.v-button-tertiary,.v-listbox-item:has(.v-button) .v-button.v-button-tertiary {
--v-button-tertiary-hover-background: var(--v-palette-default-transparent);
--v-button-default-gap: var(--v-listbox-item-gap)
}
.v-listbox-item:has(.v-radio:checked),.v-listbox-item:has(.v-checkbox:checked),.v-listbox-item[role=option][aria-selected=true],.v-listbox-item: is(:checked) {
--v-action-secondary-background:var(--v-listbox-item-selected-background);
--v-action-secondary-hover-border-color: rgba(0,0,0,0);
--v-action-secondary-focus-border-color: rgba(0,0,0,0);
--v-action-secondary-active-border-color: rgba(0,0,0,0);
--v-action-secondary-disabled-border-color: rgba(0,0,0,0);
background-color: var(--v-action-secondary-background);
border-color: var(--v-action-secondary-border-color);
border-radius: var(--v-action-secondary-border-radius);
border-style: var(--v-action-secondary-border-style);
border-width: var(--v-action-secondary-border-size);
color: var(--v-action-secondary-foreground);
font-size: var(--v-action-secondary-font-size);
font-weight: var(--v-action-secondary-font-weight);
gap: var(--v-action-secondary-gap);
letter-spacing: var(--v-action-secondary-letter-spacing);
line-height: var(--v-action-secondary-line-height);
block-size: var(--v-action-secondary-block-size);
cursor: pointer;
padding-block:var(--v-action-secondary-padding-block);padding-inline: var(--v-action-secondary-padding-inline);
--typography-font-family: var(--typography-label-large-font-family);
--typography-font-size: var(--typography-label-large-font-size);
--typography-font-weight: var(--typography-label-large-font-weight);
--typography-letter-spacing: var(--typography-label-large-letter-spacing);
--typography-line-height: var(--typography-label-large-line-height);
--typography-text-decoration: var(--typography-label-large-text-decoration);
--typography-text-transform: var(--typography-label-large-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
cursor: default;
display: flex;
padding-block:0px;padding-inline:0px;padding-inline-start:var(--v-listbox-item-padding-inline)}
.v-listbox-item: has(.v-radio:checked):has(.v-radio:only-of-type:hover),.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type:hover),.v-listbox-item:has(.v-radio:checked):hover,.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type:hover),.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type:hover),.v-listbox-item:has(.v-checkbox:checked):hover,.v-listbox-item[role=option][aria-selected=true]:has(.v-radio:only-of-type:hover),.v-listbox-item[role=option][aria-selected=true]:has(.v-checkbox:only-of-type:hover),.v-listbox-item[role=option][aria-selected=true]:hover,.v-listbox-item:is(:checked):has(.v-radio:only-of-type:hover),.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type:hover),.v-listbox-item:is(:checked):hover {
--v-action-secondary-background:var(--v-action-secondary-hover-background);
--v-action-secondary-border-color: var(--v-action-secondary-hover-border-color);
--v-action-secondary-foreground: var(--v-action-secondary-hover-foreground)
}
.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type:focus-visible),.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type:focus-visible),.v-listbox-item:has(.v-radio:checked):focus-visible,.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type:focus-visible),.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type:focus-visible),.v-listbox-item:has(.v-checkbox:checked):focus-visible,.v-listbox-item[role=option][aria-selected=true]: has(.v-radio:only-of-type:focus-visible),.v-listbox-item[role=option][aria-selected=true]:has(.v-checkbox:only-of-type:focus-visible),.v-listbox-item[role=option][aria-selected=true]:focus-visible,.v-listbox-item:is(:checked):has(.v-radio:only-of-type:focus-visible),.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type:focus-visible),.v-listbox-item:is(:checked):focus-visible {
--v-action-secondary-background:var(--v-action-secondary-focus-background);
--v-action-secondary-border-color: var(--v-action-secondary-focus-border-color);
--v-action-secondary-foreground: var(--v-action-secondary-focus-foreground)
}
.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type:focus-visible) .v-label,.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type:focus-visible) .v-label,.v-listbox-item:has(.v-radio:checked):focus-visible .v-label,.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type:focus-visible) .v-label,.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type:focus-visible) .v-label,.v-listbox-item:has(.v-checkbox:checked):focus-visible .v-label,.v-listbox-item[role=option][aria-selected=true]: has(.v-radio:only-of-type:focus-visible) .v-label,.v-listbox-item[role=option][aria-selected=true]:has(.v-checkbox:only-of-type:focus-visible) .v-label,.v-listbox-item[role=option][aria-selected=true]:focus-visible .v-label,.v-listbox-item:is(:checked):has(.v-radio:only-of-type:focus-visible) .v-label,.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type:focus-visible) .v-label,.v-listbox-item:is(:checked):focus-visible .v-label {
color:var(--v-action-secondary-focus-foreground)
}
.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type:active),.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type:active),.v-listbox-item:has(.v-radio:checked):active,.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type:active),.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type:active),.v-listbox-item:has(.v-checkbox:checked):active,.v-listbox-item[role=option][aria-selected=true]: has(.v-radio:only-of-type:active),.v-listbox-item[role=option][aria-selected=true]:has(.v-checkbox:only-of-type:active),.v-listbox-item[role=option][aria-selected=true]:active,.v-listbox-item:is(:checked):has(.v-radio:only-of-type:active),.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type:active),.v-listbox-item:is(:checked):active {
--v-action-secondary-background:var(--v-action-secondary-active-background);
--v-action-secondary-border-color: var(--v-action-secondary-active-border-color);
--v-action-secondary-foreground: var(--v-action-secondary-active-foreground)
}
.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type:active) .v-label,.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type:active) .v-label,.v-listbox-item:has(.v-radio:checked):active .v-label,.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type:active) .v-label,.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type:active) .v-label,.v-listbox-item:has(.v-checkbox:checked):active .v-label,.v-listbox-item[role=option][aria-selected=true]: has(.v-radio:only-of-type:active) .v-label,.v-listbox-item[role=option][aria-selected=true]:has(.v-checkbox:only-of-type:active) .v-label,.v-listbox-item[role=option][aria-selected=true]:active .v-label,.v-listbox-item:is(:checked):has(.v-radio:only-of-type:active) .v-label,.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type:active) .v-label,.v-listbox-item:is(:checked):active .v-label {
color:var(--v-action-secondary-active-foreground)
}
.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type),.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type),.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type),.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type),.v-listbox-item[role=option][aria-selected=true]: has(.v-checkbox:only-of-type),.v-listbox-item[role=option][aria-selected=true]:has(.v-radio:only-of-type),.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type),.v-listbox-item:is(:checked):has(.v-radio:only-of-type) {
--v-action-secondary-block-size:100%
}
.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type):has(.v-checkbox:focus-visible),.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type):has(.v-radio:focus-visible),.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type):has(.v-checkbox:focus-visible),.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type):has(.v-radio:focus-visible),.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type):has(.v-checkbox:focus-visible),.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type):has(.v-radio:focus-visible),.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type):has(.v-checkbox:focus-visible),.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type):has(.v-radio:focus-visible),.v-listbox-item[role=option][aria-selected=true]: has(.v-checkbox:only-of-type):has(.v-checkbox:focus-visible),.v-listbox-item[role=option][aria-selected=true]:has(.v-checkbox:only-of-type):has(.v-radio:focus-visible),.v-listbox-item[role=option][aria-selected=true]:has(.v-radio:only-of-type):has(.v-checkbox:focus-visible),.v-listbox-item[role=option][aria-selected=true]:has(.v-radio:only-of-type):has(.v-radio:focus-visible),.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type):has(.v-checkbox:focus-visible),.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type):has(.v-radio:focus-visible),.v-listbox-item:is(:checked):has(.v-radio:only-of-type):has(.v-checkbox:focus-visible),.v-listbox-item:is(:checked):has(.v-radio:only-of-type):has(.v-radio:focus-visible) {
outline-width:var(--theme-focus-outline-size);
outline-style: dashed;
outline-color: var(--palette-default-active-pressed);
outline-offset: var(--theme-focus-outline-offset);
--theme-focus-outline-offset: 0px
}
.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type) .v-label:only-of-type,.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type) .v-label:only-of-type,.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type) .v-label:only-of-type,.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type) .v-label:only-of-type,.v-listbox-item[role=option][aria-selected=true]: has(.v-checkbox:only-of-type) .v-label:only-of-type,.v-listbox-item[role=option][aria-selected=true]:has(.v-radio:only-of-type) .v-label:only-of-type,.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type) .v-label:only-of-type,.v-listbox-item:is(:checked):has(.v-radio:only-of-type) .v-label:only-of-type {
inline-size:100%
}
.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type) .v-checkbox:focus-visible,.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type) .v-radio:focus-visible,.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type) .v-checkbox:focus-visible,.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type) .v-radio:focus-visible,.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type) .v-checkbox:focus-visible,.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type) .v-radio:focus-visible,.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type) .v-checkbox:focus-visible,.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type) .v-radio:focus-visible,.v-listbox-item[role=option][aria-selected=true]: has(.v-checkbox:only-of-type) .v-checkbox:focus-visible,.v-listbox-item[role=option][aria-selected=true]:has(.v-checkbox:only-of-type) .v-radio:focus-visible,.v-listbox-item[role=option][aria-selected=true]:has(.v-radio:only-of-type) .v-checkbox:focus-visible,.v-listbox-item[role=option][aria-selected=true]:has(.v-radio:only-of-type) .v-radio:focus-visible,.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type) .v-checkbox:focus-visible,.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type) .v-radio:focus-visible,.v-listbox-item:is(:checked):has(.v-radio:only-of-type) .v-checkbox:focus-visible,.v-listbox-item:is(:checked):has(.v-radio:only-of-type) .v-radio:focus-visible {
outline:none
}
.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type) .v-checkbox:focus-visible:after,.v-listbox-item:has(.v-radio:checked):has(.v-checkbox:only-of-type) .v-radio:focus-visible:after,.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type) .v-checkbox:focus-visible:after,.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type) .v-radio:focus-visible:after,.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type) .v-checkbox:focus-visible:after,.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type) .v-radio:focus-visible:after,.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type) .v-checkbox:focus-visible:after,.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type) .v-radio:focus-visible:after,.v-listbox-item[role=option][aria-selected=true]: has(.v-checkbox:only-of-type) .v-checkbox:focus-visible:after,.v-listbox-item[role=option][aria-selected=true]:has(.v-checkbox:only-of-type) .v-radio:focus-visible:after,.v-listbox-item[role=option][aria-selected=true]:has(.v-radio:only-of-type) .v-checkbox:focus-visible:after,.v-listbox-item[role=option][aria-selected=true]:has(.v-radio:only-of-type) .v-radio:focus-visible:after,.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type) .v-checkbox:focus-visible:after,.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type) .v-radio:focus-visible:after,.v-listbox-item:is(:checked):has(.v-radio:only-of-type) .v-checkbox:focus-visible:after,.v-listbox-item:is(:checked):has(.v-radio:only-of-type) .v-radio:focus-visible:after {
display:none
}
.v-listbox-item:has(.v-radio:checked)[disabled],.v-listbox-item: has(.v-radio:checked):has(.v-checkbox:only-of-type:disabled),.v-listbox-item:has(.v-radio:checked):has(.v-radio:only-of-type:disabled),.v-listbox-item:has(.v-checkbox:checked)[disabled],.v-listbox-item:has(.v-checkbox:checked):has(.v-checkbox:only-of-type:disabled),.v-listbox-item:has(.v-checkbox:checked):has(.v-radio:only-of-type:disabled),.v-listbox-item[role=option][aria-selected=true][disabled],.v-listbox-item[role=option][aria-selected=true]:has(.v-checkbox:only-of-type:disabled),.v-listbox-item[role=option][aria-selected=true]:has(.v-radio:only-of-type:disabled),.v-listbox-item:is(:checked)[disabled],.v-listbox-item:is(:checked):has(.v-checkbox:only-of-type:disabled),.v-listbox-item:is(:checked):has(.v-radio:only-of-type:disabled) {
--v-action-secondary-background:var(--v-action-secondary-disabled-background);
--v-action-secondary-border-color: var(--v-action-secondary-disabled-border-color);
--v-action-secondary-foreground: var(--v-action-secondary-disabled-foreground);
--v-label-color: var(--v-action-secondary-disabled-foreground);
--v-input-message-color: var(--v-action-secondary-disabled-foreground);
cursor: default
}
.v-listbox-item:has(.v-radio:checked):not(:last-child),.v-listbox-item:has(.v-checkbox:checked):not(:last-child),.v-listbox-item[role=option][aria-selected=true]: not(:last-child),.v-listbox-item:is(:checked):not(:last-child) {
border-block-end:0px
}
.v-listbox-item .v-radio:before {
background-color: #0000;
block-size: var(--size-responsive-17);
border: 0;
border-block-end:var(--size-responsive-2) solid var(--v-checkbox-color);border-inline-end: var(--size-responsive-2) solid var(--v-checkbox-color);
border-radius: var(--size-rounded-none);
content: "";
inline-size: var(--size-responsive-7);
rotate: 45deg;
transform: scale(0);
translate: 0px -2px
}
.v-listbox-item[role=option]: not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)) {
background-color:var(--v-action-secondary-background);
border-color: var(--v-action-secondary-border-color);
border-radius: var(--v-action-secondary-border-radius);
border-style: var(--v-action-secondary-border-style);
border-width: var(--v-action-secondary-border-size);
color: var(--v-action-secondary-foreground);
font-size: var(--v-action-secondary-font-size);
font-weight: var(--v-action-secondary-font-weight);
gap: var(--v-action-secondary-gap);
letter-spacing: var(--v-action-secondary-letter-spacing);
line-height: var(--v-action-secondary-line-height);
block-size: var(--v-action-secondary-block-size);
cursor: pointer;
padding-block:var(--v-action-secondary-padding-block);padding-inline: var(--v-action-secondary-padding-inline);
--typography-font-family: var(--typography-label-large-font-family);
--typography-font-size: var(--typography-label-large-font-size);
--typography-font-weight: var(--typography-label-large-font-weight);
--typography-letter-spacing: var(--typography-label-large-letter-spacing);
--typography-line-height: var(--typography-label-large-line-height);
--typography-text-decoration: var(--typography-label-large-text-decoration);
--typography-text-transform: var(--typography-label-large-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-listbox-item[role=option]: not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type:hover),.v-listbox-item[role=option]:not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type:hover),.v-listbox-item[role=option]:not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):hover {
--v-action-secondary-background:var(--v-action-secondary-hover-background);
--v-action-secondary-border-color: var(--v-action-secondary-hover-border-color);
--v-action-secondary-foreground: var(--v-action-secondary-hover-foreground)
}
.v-listbox-item[role=option]: not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type:focus-visible),.v-listbox-item[role=option]:not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type:focus-visible),.v-listbox-item[role=option]:not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):focus-visible {
--v-action-secondary-background:var(--v-action-secondary-focus-background);
--v-action-secondary-border-color: var(--v-action-secondary-focus-border-color);
--v-action-secondary-foreground: var(--v-action-secondary-focus-foreground)
}
.v-listbox-item[role=option]: not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type:focus-visible) .v-label,.v-listbox-item[role=option]:not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type:focus-visible) .v-label,.v-listbox-item[role=option]:not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):focus-visible .v-label {
color:var(--v-action-secondary-focus-foreground)
}
.v-listbox-item[role=option]: not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type:active),.v-listbox-item[role=option]:not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type:active),.v-listbox-item[role=option]:not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):active {
--v-action-secondary-background:var(--v-action-secondary-active-background);
--v-action-secondary-border-color: var(--v-action-secondary-active-border-color);
--v-action-secondary-foreground: var(--v-action-secondary-active-foreground)
}
.v-listbox-item[role=option]: not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type:active) .v-label,.v-listbox-item[role=option]:not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type:active) .v-label,.v-listbox-item[role=option]:not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):active .v-label {
color:var(--v-action-secondary-active-foreground)
}
.v-listbox-item[role=option]: not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type),.v-listbox-item[role=option]:not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type) {
--v-action-secondary-block-size:100%
}
.v-listbox-item[role=option]: not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type):has(.v-checkbox:focus-visible),.v-listbox-item[role=option]:not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type):has(.v-radio:focus-visible),.v-listbox-item[role=option]:not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type):has(.v-checkbox:focus-visible),.v-listbox-item[role=option]:not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type):has(.v-radio:focus-visible) {
outline-width:var(--theme-focus-outline-size);
outline-style: dashed;
outline-color: var(--palette-default-active-pressed);
outline-offset: var(--theme-focus-outline-offset);
--theme-focus-outline-offset: 0px
}
.v-listbox-item[role=option]: not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type) .v-label:only-of-type,.v-listbox-item[role=option]:not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type) .v-label:only-of-type {
inline-size:100%
}
.v-listbox-item[role=option]: not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type) .v-checkbox:focus-visible,.v-listbox-item[role=option]:not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type) .v-radio:focus-visible,.v-listbox-item[role=option]:not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type) .v-checkbox:focus-visible,.v-listbox-item[role=option]:not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type) .v-radio:focus-visible {
outline:none
}
.v-listbox-item[role=option]: not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type) .v-checkbox:focus-visible:after,.v-listbox-item[role=option]:not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type) .v-radio:focus-visible:after,.v-listbox-item[role=option]:not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type) .v-checkbox:focus-visible:after,.v-listbox-item[role=option]:not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type) .v-radio:focus-visible:after {
display:none
}
.v-listbox-item[role=option]: not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button))[disabled],.v-listbox-item[role=option]:not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-checkbox:only-of-type:disabled),.v-listbox-item[role=option]:not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):has(.v-radio:only-of-type:disabled) {
--v-action-secondary-background:var(--v-action-secondary-disabled-background);
--v-action-secondary-border-color: var(--v-action-secondary-disabled-border-color);
--v-action-secondary-foreground: var(--v-action-secondary-disabled-foreground);
--v-label-color: var(--v-action-secondary-disabled-foreground);
--v-input-message-color: var(--v-action-secondary-disabled-foreground);
cursor: default
}
.v-listbox-item[role=option]: not(:has(.v-label)):not(:has(.v-link)):not(:has(.v-button)):not(:is(.v-link)):not(:is(.v-button)):active {
--v-action-secondary-active-border-color: var(--v-listbox-item-border-color)
}
.v-listbox-item[role=option].v-listbox-item-highlighted {
outline-width: var(--theme-focus-outline-size);
outline-style: dashed;
outline-color: var(--palette-default-active-pressed);
outline-offset: var(--theme-focus-outline-offset)
}
.v-listbox-item[role=option].v-listbox-item-highlighted: not(:active) {
--v-action-secondary-background:var(--v-action-secondary-focus-background)
}
.v-listbox-item[role=option][aria-selected=true] {
--v-checkbox-indicator-background: var(--v-checkbox-color)
}
.v-listbox-item[role=option][aria-selected=true],.v-listbox-item[role=option][aria-selected=true]: hover,.v-listbox-item[role=option][aria-selected=true]:focus-visible,.v-listbox-item[role=option][aria-selected=true].v-listbox-item-highlighted,.v-listbox-item[role=option][aria-selected=true]:active {
--v-action-secondary-foreground:var(--v-listbox-item-selected-foreground)
}
.v-listbox-item[role=option][aria-selected=true] .v-radio: before,.v-listbox-item[role=option][aria-selected=true] .v-checkbox:before {
transform:scale(1)
}
.v-listbox-item[role=option][aria-disabled=true] {
--v-label-color: var(--v-checkbox-disabled-color);
--v-checkbox-color: var(--v-checkbox-disabled-color);
--v-listbox-item-foreground: var(--v-listbox-container-disabled-color);
cursor: default;
pointer-events: none
}
@media (forced-colors: active) {
.v-listbox label.v-listbox-item:hover,.v-listbox li.v-listbox-item[role=option]:hover,.v-listbox option.v-listbox-item:hover {
position: relative
}
.v-listbox label.v-listbox-item:hover:after,.v-listbox li.v-listbox-item[role=option]:hover:after,.v-listbox option.v-listbox-item:hover:after {
content: "";
position: absolute;
display: block;
border-block-end:calc(var(--v-input-hover-indicator-size) + 1px) solid rgba(0,0,0,0);inset-inline: 0;
inset-block-end: calc(-1*(var(--v-input-hover-indicator-size) - 1px))
}
.v-listbox label.v-listbox-item:hover:disabled:after,.v-listbox label.v-listbox-item:hover:has(.v-input[readonly]):after,.v-listbox label.v-listbox-item:hover:has(:disabled):after,.v-listbox li.v-listbox-item[role=option]:hover:disabled:after,.v-listbox li.v-listbox-item[role=option]:hover:has(.v-input[readonly]):after,.v-listbox li.v-listbox-item[role=option]:hover:has(:disabled):after,.v-listbox option.v-listbox-item:hover:disabled:after,.v-listbox option.v-listbox-item:hover:has(.v-input[readonly]):after,.v-listbox option.v-listbox-item:hover:has(:disabled):after {
display: none
}
}
.v-listbox-container {
background: var(--v-listbox-container-background);
border-color: var(--v-listbox-container-border-color);
border-radius: var(--v-listbox-container-border-radius);
border-style: var(--v-listbox-container-border-style);
border-width: var(--v-listbox-container-border-size);
display: var(--v-listbox-container-display);
flex-direction: column;
overflow: hidden
}
.v-label+.v-listbox-container {
margin-block-start:var(--v-listbox-container-margin-block)}
.v-label: has(+.v-listbox-container) {
display:block
}
.v-listbox-container:has(+.v-input-message) {
margin-block-end:var(--v-listbox-container-margin-block)}
.v-listbox-container: not(.v-listbox-error):not(.v-listbox-disabled):has(.v-listbox-item:hover),.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-listbox:hover) {
--v-listbox-container-border-color:var(--v-listbox-container-hover-border-color);
--v-listbox-container-border-size: var(--v-listbox-container-border-highlight-size)
}
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-listbox-item:hover) .v-listbox,.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-listbox:hover) .v-listbox {
--v-listbox-padding: calc(var(--v-listbox-padding-initial) - (var(--v-listbox-container-border-highlight-size) - var(--v-listbox-container-border-size-initial)))
}
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-listbox-item:hover) .v-listbox.v-listbox-scroll,.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-listbox:hover) .v-listbox.v-listbox-scroll {
--v-listbox-block-size: calc(var(--v-listbox-block-size-scroll) - var(--v-listbox-container-border-size))
}
@media only screen and (max-width: 767px) {
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-listbox-item:hover) .v-listbox.v-listbox-scroll,.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-listbox:hover) .v-listbox.v-listbox-scroll {
--v-listbox-block-size:calc(var(--v-listbox-block-size-scroll-mobile) - var(--v-listbox-container-border-size))
}
}
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-listbox-item:focus-visible),.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-listbox-item.v-listbox-item-highlighted),.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled) .v-listbox:focus-visible,.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-checkbox:focus-visible),.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-radio:focus-visible) {
--v-listbox-container-border-color: var(--v-listbox-container-focus-border-color);
--v-listbox-container-border-size: var(--v-listbox-container-border-highlight-size)
}
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-listbox-item:focus-visible) .v-listbox,.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-listbox-item.v-listbox-item-highlighted) .v-listbox,.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled) .v-listbox:focus-visible .v-listbox,.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-checkbox:focus-visible) .v-listbox,.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-radio:focus-visible) .v-listbox {
--v-listbox-padding: calc(var(--v-listbox-padding-initial) - (var(--v-listbox-container-border-highlight-size) - var(--v-listbox-container-border-size-initial)))
}
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-listbox-item:focus-visible) .v-listbox.v-listbox-scroll,.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-listbox-item.v-listbox-item-highlighted) .v-listbox.v-listbox-scroll,.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled) .v-listbox:focus-visible .v-listbox.v-listbox-scroll,.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-checkbox:focus-visible) .v-listbox.v-listbox-scroll,.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-radio:focus-visible) .v-listbox.v-listbox-scroll {
--v-listbox-block-size: calc(var(--v-listbox-block-size-scroll) - var(--v-listbox-container-border-size))
}
@media only screen and (max-width: 767px) {
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-listbox-item:focus-visible) .v-listbox.v-listbox-scroll,.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-listbox-item.v-listbox-item-highlighted) .v-listbox.v-listbox-scroll,.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled) .v-listbox:focus-visible .v-listbox.v-listbox-scroll,.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-checkbox:focus-visible) .v-listbox.v-listbox-scroll,.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-radio:focus-visible) .v-listbox.v-listbox-scroll {
--v-listbox-block-size:calc(var(--v-listbox-block-size-scroll-mobile) - var(--v-listbox-container-border-size))
}
}
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-listbox-item:active) {
--v-listbox-container-border-color: var(--v-listbox-container-active-border-color);
--v-listbox-container-border-size: var(--v-listbox-container-border-highlight-size)
}
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-listbox-item:active) .v-listbox {
--v-listbox-padding: calc(var(--v-listbox-padding-initial) - (var(--v-listbox-container-border-highlight-size) - var(--v-listbox-container-border-size-initial)))
}
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-listbox-item:active) .v-listbox.v-listbox-scroll {
--v-listbox-block-size: calc(var(--v-listbox-block-size-scroll) - var(--v-listbox-container-border-size))
}
@media only screen and (max-width: 767px) {
.v-listbox-container:not(.v-listbox-error):not(.v-listbox-disabled):has(.v-listbox-item:active) .v-listbox.v-listbox-scroll {
--v-listbox-block-size:calc(var(--v-listbox-block-size-scroll-mobile) - var(--v-listbox-container-border-size))
}
}
.v-label:has(+.v-listbox:has(.v-radio:focus-visible)),.v-label:has(+.v-listbox:has(.v-checkbox:focus-visible)) {
--v-label-color: var(--v-listbox-container-focus-border-color)
}
.v-listbox-container.v-listbox-error {
--v-listbox-container-border-color: var(--v-listbox-container-error-border-color);
--v-listbox-container-border-size: var(--v-listbox-container-border-highlight-size)
}
.v-listbox-container.v-listbox-error .v-listbox {
--v-listbox-padding: calc(var(--v-listbox-padding-initial) - (var(--v-listbox-container-border-highlight-size) - var(--v-listbox-container-border-size-initial)))
}
.v-listbox-container.v-listbox-error .v-listbox.v-listbox-scroll {
--v-listbox-block-size: calc(var(--v-listbox-block-size-scroll) - var(--v-listbox-container-border-size))
}
@media only screen and (max-width: 767px) {
.v-listbox-container.v-listbox-error .v-listbox.v-listbox-scroll {
--v-listbox-block-size:calc(var(--v-listbox-block-size-scroll-mobile) - var(--v-listbox-container-border-size))
}
}
.v-label:has(+.v-listbox-error) {
--v-label-color: var(--v-listbox-container-error-text-color)
}
.v-listbox-container.v-listbox-error+.v-input-message {
--v-input-message-color: var(--v-listbox-container-error-text-color);
--v-icon-primary: var(--v-listbox-error-icon-color);
--v-icon-secondary: var(--v-listbox-error-icon-color)
}
.v-listbox-container.v-listbox-disabled {
--v-label-color: var(--v-listbox-container-disabled-color);
--v-input-message-color: var(--v-listbox-container-disabled-color);
--v-listbox-container-border-color: var(--v-listbox-container-disabled-color);
--v-listbox-item-foreground: var(--v-listbox-container-disabled-color)
}
.v-listbox-container.v-listbox-disabled,.v-listbox-container.v-listbox-disabled .v-listbox-item {
pointer-events: none
}
.v-label:has(+.v-listbox-disabled) {
--v-label-color: var(--v-listbox-disabled-color);
cursor: default
}
.v-listbox-container.v-listbox-disabled+.v-input-message {
--v-input-message-color: var(--v-listbox-disabled-color);
cursor: default
}
}
@layer components {
:root,.v-alternate {
--v-logo-hc-light-foreground: #000;
--v-logo-hc-dark-foreground: #fff
}
}
@layer components {
.v-logo {
fill: var(--v-logo-color, var(--palette-default-text))
}
@media screen and (forced-colors: active) {
.v-logo {
forced-color-adjust: none;
background-color: var(--v-logo-hc-background)
}
.v-logo.v-logo-hc-light-foreground {
background-color: var(--v-logo-hc-light-foreground)
}
.v-logo.v-logo-hc-dark-foreground {
background-color: var(--v-logo-hc-dark-foreground)
}
}
}
@layer components;@layer components;@layer components {
:root,.v-alternate {
--v-nav-background: var(--palette-default-surface-1);
--v-nav-foreground: var(--palette-default-active);
--v-nav-horizontal-active-line-padding: var(--size-responsive-16);
--v-nav-horizontal-min-block-size: 62px;
--v-nav-horizontal-expanded-block-size: 80px;
--v-nav-horizontal-padding-block-start: var(--size-responsive-0);
--v-nav-horizontal-padding-block-end: var(--size-responsive-0);
--v-nav-horizontal-padding-inline-start: var(--size-responsive-24);
--v-nav-horizontal-padding-inline-end: var(--size-responsive-24);
--v-nav-horizontal-tabs-group-gap: var(--size-scalable-8);
--v-nav-horizontal-align: center;
--v-nav-vertical-align: flex-start;
--v-nav-vertical-block-size: 100%;
--v-nav-vertical-padding-block-start: var(--size-responsive-10);
--v-nav-vertical-padding-block-end: var(--size-responsive-8);
--v-nav-vertical-padding-inline-start: var(--size-responsive-0);
--v-nav-vertical-padding-inline-end: var(--size-responsive-0);
--v-nav-vertical-tabs-padding-inline-end: var(--size-responsive-14);
--v-nav-elevation: var(--elevation-small);
--v-nav-elevation-drawer: var(--elevation-xxlarge);
--v-nav-app-name: var(--palette-accent-app-name)
}
}
@layer components {
.v-nav {
align-items: var(--v-nav-horizontal-align);
box-shadow: var(--v-nav-elevation);
display: flex;
min-block-size: var(--v-nav-horizontal-min-block-size);
padding-block-end:var(--v-nav-horizontal-padding-block-end);padding-block-start: var(--v-nav-horizontal-padding-block-start);
padding-inline-end:var(--v-nav-horizontal-padding-inline-end);padding-inline-start: var(--v-nav-horizontal-padding-inline-start);
--v-surface-background: var(--v-nav-background);
--v-surface-foreground: var(--v-nav-foreground);
--v-surface-padding-block: var(--v-nav-horizontal-padding-block-start) var(--v-nav-horizontal-padding-block-end);
--v-surface-padding-inline: var(--v-nav-horizontal-padding-inline-start) var(--v-nav-horizontal-padding-inline-end);
--v-surface-border-color: var(--v-surface-background);
--v-surface-border-radius: var(--size-rounded-none);
--v-surface-border-size: var(--size-scalable-0)
}
:has(>.v-nav:not(.v-nav-vertical)),:has(>.v-nav .v-tabs-horizontal),:has(>.v-nav .v-tabs:not(.v-tabs-vertical)) {
container: nav-container/inline-size
}
.v-nav .v-nav-app-name {
color: var(--v-nav-app-name)
}
.v-nav:has(.v-tabs:not(.v-tabs-vertical)),.v-nav:has(.v-tabs-horizontal),.v-nav-horizontal {
flex-direction: row;
--v-tabs-active-line-padding: var(--v-nav-horizontal-active-line-padding)
}
.v-nav:has(.v-tabs:not(.v-tabs-vertical)) .v-tabs,.v-nav:has(.v-tabs-horizontal) .v-tabs,.v-nav-horizontal .v-tabs {
padding-block-start:var(--v-tabs-active-line-padding);--v-tabs-group-gap: var(--v-nav-horizontal-tabs-group-gap)
}
.v-nav:has(.v-tabs:not(.v-tabs-vertical)) .v-tabs .v-tab:only-of-type,.v-nav:has(.v-tabs-horizontal) .v-tabs .v-tab:only-of-type,.v-nav-horizontal .v-tabs .v-tab:only-of-type {
padding-block-start:0}
.v-nav:has(.v-tabs:not(.v-tabs-vertical))>*,.v-nav:has(.v-tabs-horizontal)>*,.v-nav-horizontal>* {
align-items: var(--v-nav-horizontal-align)
}
.v-nav:has(.v-tabs:not(.v-tabs-vertical)) .v-tab:only-of-type:not(li),.v-nav: has(.v-tabs-horizontal) .v-tab:only-of-type:not(li),.v-nav-horizontal .v-tab:only-of-type:not(li) {
padding-block-start:var(--v-tabs-active-line-padding)
}
.v-nav:has(.v-tabs:not(.v-tabs-vertical)):has(.v-surface),.v-nav:has(.v-tabs-horizontal):has(.v-surface),.v-nav-horizontal:has(.v-surface) {
min-block-size: var(--v-nav-horizontal-expanded-block-size)
}
@container nav-container (max-width: 768px) {
.v-nav:has(.v-tabs:not(.v-tabs-vertical)):has(.v-surface),.v-nav:has(.v-tabs-horizontal):has(.v-surface),.v-nav-horizontal:has(.v-surface) {
--v-nav-horizontal-expanded-block-size: 62px
}
}
.v-nav-vertical {
flex-direction: column;
overflow-y: auto;
--v-nav-horizontal-align: var(--v-nav-vertical-align);
--v-nav-horizontal-min-block-size: var(--v-nav-vertical-block-size);
--v-nav-horizontal-padding-block-end: var(--v-nav-vertical-padding-block-end);
--v-nav-horizontal-padding-block-start: var(--v-nav-vertical-padding-block-start);
--v-nav-horizontal-padding-inline-end: var(--v-nav-vertical-padding-inline-end);
--v-nav-horizontal-padding-inline-start: var(--v-nav-vertical-padding-inline-start)
}
.v-nav-vertical nav {
inline-size: 100%
}
.v-nav-vertical .v-tabs,.v-nav-vertical .v-tab:only-of-type {
padding-inline-end:var(--v-nav-vertical-tabs-padding-inline-end)}
.v-nav-vertical .v-tabs .v-tabs,.v-nav-vertical .v-tabs .v-tab: only-of-type,.v-nav-vertical .v-tab:only-of-type .v-tabs,.v-nav-vertical .v-tab:only-of-type .v-tab:only-of-type {
padding-inline-end:0
}
.v-nav-vertical:has(.v-avatar) {
container-type: inline-size
}
.v-nav-drawer {
--v-nav-elevation: var(--v-nav-elevation-drawer)
}
}
@layer components {
:root,.v-alternate {
--v-pagination-border-radius: var(--size-rounded-pill);
--v-pagination-block-size: var(--size-scalable-32);
--v-pagination-inline-size: var(--size-scalable-32);
--v-pagination-padding-block: var(--size-scalable-12);
--v-pagination-padding-inline: var(--size-scalable-12);
--v-pagination-overflow: auto;
--v-pagination-selected-background-color: var(--palette-default-surface-highlight);
--v-pagination-selected-border-color: var(--palette-default-active-hover);
--v-pagination-selected-border-size: .0714285714rem;
--v-pagination-selected-padding-block: calc(var(--v-pagination-padding-block) - var(--v-pagination-selected-border-size));
--v-pagination-selected-padding-inline: calc(var(--v-pagination-padding-inline) - var(--v-pagination-selected-border-size));
--v-pagination-overflow-padding: var(--size-scalable-8)
}
}
@layer components {
.v-pagination {
overflow-x: var(--v-pagination-overflow);
padding: var(--size-scalable-2);
flex-wrap: wrap
}
.v-pagination ul {
list-style: none
}
.v-pagination .v-button:active {
--v-pagination-selected-border-color: var(--palette-default-transparent)
}
.v-pagination .v-button:not(.v-button-icon) {
--typography-font-family: var(--typography-body-2-font-family);
--typography-font-size: var(--typography-body-2-font-size);
--typography-font-weight: var(--typography-body-2-font-weight);
--typography-letter-spacing: var(--typography-body-2-letter-spacing);
--typography-line-height: var(--typography-body-2-line-height);
--typography-text-decoration: var(--typography-body-2-text-decoration);
--typography-text-transform: var(--typography-body-2-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
--v-button-default-block-size: var(--v-pagination-block-size);
--v-button-default-border-radius: var(--v-pagination-border-radius);
--v-button-default-padding-block: var(--v-pagination-padding-block);
--v-button-default-padding-inline: var(--v-pagination-padding-inline);
inline-size: auto;
min-inline-size: var(--v-pagination-inline-size)
}
.v-pagination .v-button:not(.v-button-icon)[aria-current=page],.v-pagination .v-button: not(.v-button-icon)[aria-current=true] {
--typography-font-family:var(--typography-body-2-bold-font-family);
--typography-font-size: var(--typography-body-2-bold-font-size);
--typography-font-weight: var(--typography-body-2-bold-font-weight);
--typography-letter-spacing: var(--typography-body-2-bold-letter-spacing);
--typography-line-height: var(--typography-body-2-bold-line-height);
--typography-text-decoration: var(--typography-body-2-bold-text-decoration);
--typography-text-transform: var(--typography-body-2-bold-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
--v-button-default-border-size: var(--v-pagination-selected-border-size);
--v-button-default-border-color: var(--v-pagination-selected-border-color);
--v-button-default-padding-block: var(--v-pagination-selected-padding-block);
--v-button-default-padding-inline: var(--v-pagination-selected-padding-inline)
}
.v-pagination-overflow {
padding: var(--v-pagination-overflow-padding)
}
}
@layer components {
:root,.v-alternate {
--v-panel-border-color: var(--palette-default-border);
--v-panel-border-width: 0px 0px 0px var(--size-scalable-1);
--v-panel-box-shadow: 0px 0px 0px 0px;
--v-panel-block-size: 100%;
--v-panel-drop-shadow: drop-shadow(var(--elevation-large-offset-x) var(--elevation-large-offset-y) var(--elevation-large-blur-radius) var(--elevation-large-color));
--v-panel-display: flex;
--v-panel-header-margin-block-end: var(--size-scalable-16);
--v-panel-inline-size: 360px;
--v-panel-padding: var(--size-scalable-24);
--v-panel-position: relative;
--v-panel-toggle-border-color: var(--palette-default-border);
--v-panel-toggle-border-radius: var(--size-rounded-medium) 0 0 var(--size-rounded-medium);
--v-panel-toggle-border-style: var(--v-button-default-border-style);
--v-panel-toggle-border-width: 1px;
--v-panel-toggle-margin-block-start: var(--size-scalable-24);
--v-panel-toggle-padding: var(--size-scalable-13)
}
}
@layer components {
.v-panel {
block-size: var(--v-panel-block-size);
inline-size: var(--v-panel-inline-size);
max-block-size: 100vh;
max-inline-size: fit-content;
min-block-size: var(--v-panel-block-size);
min-inline-size: var(--v-panel-inline-size)
}
.v-panel:not(dialog) {
display: var(--v-panel-display);
overflow: visible;
position: var(--v-panel-position)
}
dialog.v-panel {
background-color: var(--palette-default-transparent);
border: 0;
display: none;
filter: var(--v-panel-drop-shadow);
margin: 0;
margin-inline-start:auto;margin-inline-end:0;padding: 0
}
dialog.v-panel[open] {
display: var(--v-panel-display)
}
dialog.v-panel: :backdrop {
background-color:var(--palette-default-transparent)
}
dialog.v-panel.v-panel-skrim: :backdrop {
background-color:var(--palette-default-overlay)
}
.v-panel-body {
padding-block-end:var(--v-panel-padding);padding-inline: var(--v-panel-padding)
}
.v-panel header,.v-panel-header {
margin-block-end: var(--v-panel-header-margin-block-end);
padding-block-start:var(--v-panel-padding);padding-inline: var(--v-panel-padding)
}
.v-panel-content {
min-block-size: 100%;
overflow-y: auto;
--v-surface-border-radius: var(--size-rounded-none);
--v-surface-border-size: var(--size-scalable-0);
--v-surface-padding-block: var(--size-scalable-0);
--v-surface-padding-inline: var(--size-scalable-0)
}
.v-panel-expandable .v-panel-content,.v-panel-responsive .v-panel-content {
border-color: var(--v-panel-border-color);
border-width: var(--v-panel-border-width)
}
.v-panel-expandable:has(.v-panel-toggle:not([aria-expanded=true])) {
--v-panel-inline-size: 0
}
.v-panel-responsive {
--v-panel-drop-shadow: drop-shadow()
}
.v-panel-tabs {
padding-block-start:var(--v-panel-padding);padding-inline: var(--v-panel-padding)
}
.v-panel-toggle {
border-width: var(--v-panel-toggle-border-width) 0 var(--v-panel-toggle-border-width) var(--v-panel-toggle-border-width);
margin-block-start:var(--v-panel-toggle-margin-block-start);--v-button-default-padding-block: var(--v-panel-toggle-padding);
--v-button-default-padding-inline: var(--v-panel-toggle-padding);
--v-button-default-border-radius: var(--v-panel-toggle-border-radius)
}
.v-panel-expandable:not(.v-panel[open]) .v-panel-toggle {
inset-inline-start: calc(-1*(var(--v-button-default-icon-size) + 2*var(--v-button-default-padding-inline)));
position: absolute
}
@media (max-width: 360px) {
.v-panel {
min-inline-size:0
}
.v-panel.v-panel-responsive.v-panel-expandable {
max-inline-size: calc(100% - (var(--v-button-default-icon-size) + 2*var(--v-button-default-padding-inline)))
}
}
}
@layer components {
:root,.v-alternate {
--v-progress-animation-factor: 1;
--v-progress-bar-background-color: var(--palette-default-surface-3);
--v-progress-bar-border-radius: var(--size-rounded-small);
--v-progress-bar-foreground-color: var(--palette-default-active);
--v-progress-bar-high-contrast-border: solid var(--size-scalable-1);
--v-progress-bar-high-contrast-value-border: solid var(--size-scalable-2);
--v-progress-bar-indeterminate-width: 25%;
--v-progress-bar-inline-size: 100%;
--v-progress-bar-thickness: var(--size-scalable-4);
--v-progress-bar-width: 100%;
--v-progress-circular-background-dasharray: 180 180;
--v-progress-circular-background-dashoffset: 300;
--v-progress-circular-bar-dasharray: 180 180;
--v-progress-circular-bar-dashoffset: 141;
--v-progress-circular-label-inset-block-start: 0;
--v-progress-circular-line-cap: round;
--v-progress-circular-origin: 50% 50%;
--v-progress-circular-size: 72px;
--v-progress-circular-size-small: 48px;
--v-progress-circular-transform: rotate(-90deg);
--v-progress-display: block;
--v-progress-icon-complete-color: var(--palette-messaging-graphics-positive);
--v-progress-icon-error-color: var(--palette-messaging-graphics-negative);
--v-progress-label-default-color: var(--palette-default-text-subtle);
--v-progress-label-error-color: var(--palette-messaging-text-negative)
}
}
@layer components {
.v-progress {
animation-play-state: inherit;
position: relative
}
@media (preference-reduced-motion) {
.v-progress {
--theme-animation-factor: 0
}
}
.v-progress-complete+.v-progress-label {
--v-icon-primary: var(--v-progress-icon-complete-color);
--v-icon-secondary: var(--v-progress-icon-complete-color)
}
.v-progress-error+.v-progress-label {
--v-progress-label-default-color: var(--v-progress-label-error-color);
--v-icon-primary: var(--v-progress-icon-error-color);
--v-icon-secondary: var(--v-progress-icon-error-color)
}
.v-progress+.v-progress-label {
--typography-font-family: var(--typography-label-font-family);
--typography-font-size: var(--typography-label-font-size);
--typography-font-weight: var(--typography-label-font-weight);
--typography-letter-spacing: var(--typography-label-letter-spacing);
--typography-line-height: var(--typography-label-line-height);
--typography-text-decoration: var(--typography-label-text-decoration);
--typography-text-transform: var(--typography-label-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
color: var(--v-progress-label-default-color);
display: flex;
justify-content: space-between
}
.v-progress-bar {
block-size: var(--v-progress-bar-thickness);
border-radius: var(--v-progress-bar-border-radius);
inline-size: var(--v-progress-bar-inline-size);
overflow: hidden
}
@media (prefers-contrast: more)and (forced-colors: active) {
.v-progress-bar {
border: var(--v-progress-bar-high-contrast-border)
}
}
.v-progress-bar::-webkit-progress-bar {
background-color: var(--v-progress-bar-background-color);
border-radius: var(--v-progress-bar-border-radius)
}
.v-progress-bar::-moz-progress-bar {
background-color: var(--v-progress-bar-background-color);
border-radius: var(--v-progress-bar-border-radius)
}
.v-progress-bar::-webkit-progress-value {
background-color: var(--v-progress-bar-foreground-color);
block-size: var(--v-progress-bar-width);
border-radius: var(--v-progress-bar-border-radius)
}
@media (prefers-contrast: more)and (forced-colors: active) {
.v-progress-bar::-webkit-progress-value {
outline: 2px solid rgba(0,0,0,0);
outline-offset: -2px
}
}
.v-progress-bar:not([value]): after {
-webkit-animation:progress-bar-animation-indeterminate calc(3s*var(--v-progress-animation-factor)) infinite linear;
animation: progress-bar-animation-indeterminate calc(3s*var(--v-progress-animation-factor)) infinite linear;
animation-play-state: inherit;
background-color: var(--v-progress-bar-foreground-color);
block-size: var(--v-progress-bar-width);
border-radius: var(--v-progress-bar-border-radius);
content: "";
inline-size: var(--v-progress-bar-indeterminate-width);
margin-block-start:calc(var(--v-progress-bar-thickness)*-1);position: absolute
}
@media (prefers-contrast: more)and (forced-colors: active) {
.v-progress-bar:not([value]):after {
border-block-start:var(--v-progress-bar-thickness) solid currentColor;height: var(--v-progress-bar-thickness)
}
}
.v-progress-circular-track {
block-size: var(--v-progress-circular-size);
display: var(--v-progress-display);
inline-size: var(--v-progress-circular-size)
}
.v-progress-circular-background {
cx: calc(var(--v-progress-circular-size)/2);
cy: calc(var(--v-progress-circular-size)/2);
fill: #0000;
r: calc((var(--v-progress-circular-size) - var(--v-progress-bar-thickness))/2);
stroke: var(--v-progress-bar-background-color);
stroke-linecap: var(--v-progress-circular-line-cap);
stroke-width: var(--v-progress-bar-thickness)
}
@media (prefers-contrast: more)and (forced-colors: active) {
.v-progress-circular-background {
stroke: Canvas
}
}
.v-progress-circular-bar {
-webkit-transform: var(--v-progress-circular-transform);
-webkit-transform-origin: var(--v-progress-circular-origin);
cx: calc(var(--v-progress-circular-size)/2);
cy: calc(var(--v-progress-circular-size)/2);
fill: #0000;
r: calc((var(--v-progress-circular-size) - var(--v-progress-bar-thickness))/2);
stroke: var(--v-progress-bar-foreground-color);
stroke-linecap: var(--v-progress-circular-line-cap);
stroke-width: var(--v-progress-bar-thickness);
transform: var(--v-progress-circular-transform);
transform-origin: var(--v-progress-circular-origin)
}
@media (prefers-contrast: more)and (forced-colors: active) {
.v-progress-circular-bar {
stroke: currentColor
}
}
.v-progress-circular .v-progress-label {
align-items: center;
block-size: var(--v-progress-circular-size);
display: grid;
inline-size: var(--v-progress-circular-size);
inset-block-start: var(--v-progress-circular-label-inset-block-start);
justify-content: center;
position: absolute
}
.v-progress-circular:is(.v-progress-indeterminate) .v-progress-circular-track {
animation: progress-spinner-animation-background-indeterminate calc(5s*var(--v-progress-animation-factor)) infinite linear;
animation-play-state: inherit
}
.v-progress-circular:is(.v-progress-indeterminate) .v-progress-circular-background {
animation: progress-spinner-animation-background-indeterminate calc(3s*var(--v-progress-animation-factor)) infinite linear;
animation-play-state: inherit;
stroke-dasharray: var(--v-progress-circular-background-dasharray);
stroke-dashoffset: var(--v-progress-circular-background-dashoffset)
}
.v-progress-circular:is(.v-progress-indeterminate) .v-progress-circular-bar {
animation: progress-spinner-animation-foreground-indeterminate calc(3s*var(--v-progress-animation-factor)) infinite linear;
animation-play-state: inherit;
stroke-dasharray: var(--v-progress-circular-bar-dasharray);
stroke-dashoffset: var(--v-progress-circular-bar-dashoffset)
}
.v-progress-circular:is(.v-progress-circular-small) .v-progress-circular-track {
--v-progress-circular-size: var(--v-progress-circular-size-small)
}
.v-progress-circular:is(.v-progress-circular-small) .v-progress-label {
--v-progress-circular-size: var(--v-progress-circular-size-small)
}
@keyframes progress-bar-animation-indeterminate {
0% {
inline-size: 20%;
inset-inline-start: -20%
}
50% {
inline-size: 20%
}
to {
inline-size: 20%;
inset-inline-start: 100%
}
}
@keyframes progress-spinner-animation-foreground-indeterminate {
0% {
stroke-dashoffset: 241.41;
transform: rotate(0);
transform-origin: 50% 50%
}
65% {
stroke-dashoffset: 280.76
}
80% {
stroke-dashoffset: 280.76
}
to {
stroke-dashoffset: 241.41;
transform: rotate(720deg);
transform-origin: 50% 50%
}
}
@keyframes progress-spinner-animation-background-indeterminate {
0% {
stroke-dashoffset: 137.37;
transform: rotate(0);
transform-origin: 50% 50%
}
65% {
stroke-dashoffset: 326.76
}
80% {
stroke-dashoffset: 266.41
}
to {
stroke-dashoffset: 137.37;
transform: rotate(720deg);
transform-origin: 50% 50%
}
}
}
@layer components {
:root,.v-alternate {
--v-radio-indicator-background: var(--palette-default-surface-1);
--v-radio-border-radius: var(--size-rounded-complete);
--v-radio-border-size: var(--theme-border-size);
--v-radio-border-style: solid;
--v-radio-glow-offset: var(--size-scalable-8);
--v-radio-indicator-block-size: var(--size-responsive-10)
}
}
@layer components {
.v-radio {
background-color: var(--v-radio-indicator-background);
border-radius: var(--v-radio-border-radius);
--v-checkbox-glow-offset: var(--v-radio-glow-offset)
}
.v-radio:before {
align-self: center;
background-color: var(--v-checkbox-indicator-background);
block-size: 0;
border: calc(var(--v-radio-indicator-block-size)/2) solid var(--v-checkbox-indicator-background);
border-radius: var(--v-radio-indicator-block-size);
content: "";
display: inline-flex;
rotate: none;
transform: scale(0);
translate: none
}
.v-radio:after {
display: none
}
.v-radio:checked:before {
transform: scale(1)
}
.v-radio:disabled:before {
background-color: #0000
}
}
@layer components;@layer components {
.v-section {
--v-message-border-block-start-size: 0px;
--v-message-border-inline-end-size: 0px;
--v-message-border-inline-start-size: 0px;
--v-message-border-radius: var(--size-rounded-large);
--v-message-elevation: var(--elevation-small);
--v-message-padding-block-end: var(--size-scalable-12);
--v-message-padding-block-start: var(--size-scalable-12);
--v-message-padding-inline-end: var(--size-scalable-12);
--v-message-padding-inline-start: var(--size-scalable-12);
--v-message-icon-color: var(--v-message-text)
}
.v-section.v-message-subtle {
--v-message-border-block-start-size: 1px;
--v-message-border-block-end-size: 1px;
--v-message-border-inline-end-size: 1px;
--v-message-border-inline-start-size: 1px;
--v-message-elevation: var(--elevation-none);
--v-message-border-color: var(--palette-default-border);
--v-message-background: var(--palette-default-surface-2);
--v-message-icon-color: var(--palette-default-text-subtle)
}
.v-section .v-message-content {
--v-message-text: var(--palette-default-text)
}
.v-section .v-message-icon {
--v-icon-height: var(--v-message-icon-size);
--v-icon-width: var(--v-message-icon-size)
}
}
@layer components {
:root,.v-alternate {
--v-select-control-color: var(--palette-default-active);
--v-select-toggle-icon-inline-size: var(--size-responsive-32);
--v-select-padding-inline-start: var(--size-scalable-6)
}
}
@layer components {
select.v-input {
appearance: none;
cursor: pointer;
min-inline-size: max-content;
padding-right: calc(var(--v-select-toggle-icon-inline-size) + var(--size-scalable-6));
padding-inline-start:var(--v-select-padding-inline-start)}
.v-input-container: has(select.v-input) {
position:relative;
padding-inline-start:0}
.v-input-container:has(select.v-input) .v-input-control {
--v-icon-primary: var(--v-select-control-color);
--v-icon-secondary: var(--v-select-control-color);
align-items: center;
block-size: calc(var(--v-input-container-block-size) - 2*var(--v-input-container-padding-block));
display: flex;
inline-size: var(--v-select-toggle-icon-inline-size);
justify-content: center;
pointer-events: none;
position: absolute;
right: var(--v-input-container-padding-inline)
}
select.v-input: disabled+.v-input-control,select.v-input[readonly]+.v-input-control {
--v-icon-primary:var(--v-input-disabled-container-border-color);
--v-icon-secondary: var(--v-input-disabled-container-border-color)
}
select.v-input: disabled:not([readonly]),select.v-input[readonly]:not([readonly]) {
cursor:default
}
}
@layer components {
:root,.v-alternate {
--v-skip-link-border-width: var(--size-scalable-1);
--v-skip-link-border-color: var(--palette-default-border);
--v-skip-link-background-color: var(--palette-default-surface-highlight);
--v-skip-link-inline-size: calc(100% - var(--size-scalable-4));
--v-skip-link-padding-block: var(--size-scalable-8);
--v-skip-link-padding-inline: var(--size-scalable-16);
--v-skip-link-z-index: 10;
--v-skip-link-outline-width: var(--theme-focus-outline-size);
--v-skip-link-outline-style: dashed;
--v-skip-link-outline-color: var(--palette-default-active-pressed);
--v-skip-link-outline-offset: var(--theme-focus-outline-offset)
}
}
@layer components {
.v-skip-link {
border: var(--v-skip-link-border-width) solid var(--v-skip-link-border-color);
background: var(--v-skip-link-background-color);
inline-size: var(--v-skip-link-inline-size);
margin-inline:auto;padding-block:var(--v-skip-link-padding-block);padding-inline: var(--v-skip-link-padding-inline);
place-content: center;
z-index: var(--v-skip-link-z-index);
top: -99999px;
position: absolute
}
.v-skip-link:focus-visible {
top: 0;
position: relative;
outline-width: var(--v-skip-link-outline-width);
outline-style: var(--v-skip-link-outline-style);
outline-color: var(--v-skip-link-outline-color);
outline-offset: var(--v-skip-link-outline-offset)
}
}
@layer components {
:root,.v-alternate {
--v-switch-label-color: var(--palette-default-text);
--v-switch-label-disabled-color: var(--palette-default-disabled);
--v-switch-node-active-border-color: var(--palette-default-active-pressed);
--v-switch-node-background-color: var(--palette-default-surface-1);
--v-switch-node-block-size: 1.2857142857rem;
--v-switch-node-border-color: var(--palette-default-active-subtle);
--v-switch-node-border-radius: var(--size-rounded-complete);
--v-switch-node-border-style: solid;
--v-switch-node-border-width: .0714285714rem;
--v-switch-node-margin-inline-start: 0px;
--v-switch-node-checked-border-color: var(--palette-default-surface-1);
--v-switch-node-checked-margin-inline-start: calc(100% - var(--v-switch-track-padding) - var(--v-switch-node-inline-size));
--v-switch-node-disabled-border-color: var(--palette-default-disabled);
--v-switch-node-disabled-border-width: .0714285714rem;
--v-switch-node-focus-outline-glow-color: var(--palette-default-surface-highlight);
--v-switch-node-focus-outline-offset: .5rem;
--v-switch-node-focus-outline-width: .0714285714rem;
--v-switch-node-hover-border-color: var(--palette-default-active-hover);
--v-switch-node-hover-border-width: .1428571429rem;
--v-switch-node-inline-size: 1.2857142857rem;
--v-switch-track-active-background-color: var(--palette-default-surface-lowlight);
--v-switch-track-active-border-color: var(--palette-default-active-pressed);
--v-switch-track-background-color: var(--palette-default-surface-3);
--v-switch-track-block-size: 1.7142857143rem;
--v-switch-track-border-color: var(--palette-default-active-subtle);
--v-switch-track-border-radius: var(--size-rounded-pill);
--v-switch-track-border-size: .0714285714rem;
--v-switch-track-border-style: solid;
--v-switch-track-checked-border-color: var(--palette-default-transparent);
--v-switch-track-checked-border-radius: var(--size-rounded-pill);
--v-switch-track-disabled-border-color: var(--palette-default-disabled);
--v-switch-track-disabled-background-color: var(--palette-default-surface-3);
--v-switch-track-hover-background-color: var(--palette-default-surface-highlight);
--v-switch-track-hover-border-color: var(--palette-default-active-hover);
--v-switch-track-inline-size: 3.1428571429rem;
--v-switch-track-inset-inline-end: 0;
--v-switch-track-margin: 0;
--v-switch-track-padding: .1428571429rem;
--v-switch-track-start-position: 0;
--v-switch-transition: margin-inline-start .25s ease
}
}
@layer components {
.v-switch {
--v-action-secondary-background: var(--v-switch-track-background-color);
--v-action-secondary-border-color: var(--v-switch-track-border-color);
--v-action-secondary-border-radius: var(--v-switch-track-border-radius);
--v-action-secondary-border-size: var(--v-switch-track-border-size);
--v-action-secondary-padding-block: var(--v-switch-track-padding);
--v-action-secondary-padding-inline: var(--v-switch-track-padding);
--theme-focus-outline-size: 0;
align-items: center;
appearance: none;
block-size: var(--v-switch-track-block-size);
border-style: var(--v-switch-track-border-style);
content: "";
display: inline-flex;
flex-shrink: 0;
inline-size: var(--v-switch-track-inline-size);
inset-inline-end: var(--v-switch-track-inset-inline-end);
margin: var(--v-switch-track-margin);
position: relative
}
.v-switch:after {
background-color: var(--v-switch-node-background-color);
block-size: var(--v-switch-node-block-size);
border-color: var(--v-switch-node-border-color);
border-radius: var(--v-switch-node-border-radius);
border-style: var(--v-switch-node-border-style);
border-width: var(--v-switch-node-border-width);
content: "";
display: block;
inline-size: var(--v-switch-node-inline-size);
margin-inline-start:var(--v-switch-node-margin-inline-start);transition: var(--v-switch-transition);
position: absolute
}
.v-switch:hover,.v-switch:focus-visible {
--v-switch-track-background-color: var(--v-switch-track-hover-background-color);
--v-switch-track-border-color: var(--v-switch-track-hover-border-color)
}
.v-switch:hover:after,.v-switch:focus-visible:after {
--v-switch-node-border-color: var(--v-switch-node-hover-border-color);
--v-switch-node-border-width: var(--v-switch-node-hover-border-width)
}
.v-switch:active {
--v-switch-track-background-color: var(--v-switch-track-active-background-color);
--v-switch-track-border-color: var(--v-switch-track-active-border-color)
}
.v-switch:active:after {
--v-switch-node-border-color: var(--v-switch-node-active-border-color)
}
.v-switch:focus-visible:after {
outline-width: var(--theme-focus-outline-size);
outline-style: dashed;
outline-color: var(--palette-default-active-pressed);
outline-offset: var(--theme-focus-outline-offset);
--theme-focus-outline-offset: var(--v-switch-node-focus-outline-offset);
--theme-focus-outline-size: var(--v-switch-node-focus-outline-width);
box-shadow: 0 0 0 var(--v-switch-node-focus-outline-offset) var(--v-switch-node-focus-outline-glow-color)
}
.v-switch:disabled {
--v-switch-track-background-color: var(--v-switch-track-disabled-background-color);
--v-switch-track-border-color: var(--v-switch-track-disabled-border-color)
}
.v-switch:disabled:after {
--v-switch-node-border-color: var(--v-switch-node-disabled-border-color);
--v-switch-node-border-width: var(--v-switch-node-disabled-border-width)
}
.v-switch:only-of-type:checked {
--v-action-primary-border-color: var(--v-switch-track-checked-border-color);
--v-action-primary-border-radius: var(--v-switch-track-checked-border-radius);
--v-action-primary-padding-block: calc(var(--v-switch-track-padding) - (var(--v-action-primary-border-size) - var(--v-switch-track-border-size)));
--v-action-primary-padding-inline: calc(var(--v-switch-track-padding) - (var(--v-action-primary-border-size) - var(--v-switch-track-border-size)))
}
.v-switch:only-of-type:checked:after {
--v-switch-node-border-color: var(--v-switch-node-checked-border-color);
--v-switch-node-margin-inline-start: var(--v-switch-node-checked-margin-inline-start);
transition: var(--v-switch-transition)
}
@media (forced-colors: active) {
.v-switch:only-of-type:checked {
background-color: currentColor
}
.v-switch:only-of-type:checked:after {
border-width: calc(var(--v-switch-track-border-size)*2);
border: calc(var(--v-switch-node-block-size)/4) solid var(--v-switch-track-checked-border-color)
}
}
.v-switch-label {
color: var(--v-switch-label-color)
}
.v-switch-label:has(+.v-switch:disabled) {
--v-switch-label-color: var(--v-switch-label-disabled-color);
cursor: default
}
}
@layer components {
:root,.v-alternate {
--v-table-background: var(--palette-default-surface-1);
--v-table-border-collapse: collapse;
--v-table-display: table;
--v-table-foreground: var(--palette-default-text);
--v-table-inline-size: 100%;
--v-table-wrapper-block-size: auto;
--v-table-wrapper-inline-size: auto;
--v-table-overflow: scroll;
--v-table-header-bg-color: var(--palette-default-surface-1);
--v-table-header-bg-color-alt: var(--palette-default-surface-highlight);
--v-table-header-block: var(--size-scalable-34);
--v-table-header-block-alignment: middle;
--v-table-header-block-alt: var(--size-scalable-34);
--v-table-header-border-block-end-color: var(--palette-default-active);
--v-table-header-border-block-end-size: var(--theme-border-size);
--v-table-header-border-inline-color-alt: var(--palette-default-border);
--v-table-header-border-inline-size-alt: var(--size-scalable-1);
--v-table-header-padding-block: var(--size-scalable-8) var(--size-scalable-6);
--v-table-header-padding-block-alt: var(--size-scalable-10) var(--size-scalable-9);
--v-table-header-padding-inline: var(--size-scalable-15);
--v-table-header-padding-inline-alt: var(--size-scalable-15);
--v-table-header-text-color: var(--palette-default-active);
--v-table-header-text-align-alt: center;
--v-table-data-block-default: var(--size-scalable-40);
--v-table-data-block-large: var(--size-scalable-56);
--v-table-data-block-small: var(--size-scalable-26);
--v-table-data-padding-block-default: var(--size-scalable-10);
--v-table-data-padding-block-large: var(--size-scalable-17);
--v-table-data-padding-block-small: var(--size-scalable-3);
--v-table-data-padding-block-badge: calc(var(--v-table-data-padding-block) - var(--size-scalable-2));
--v-table-data-padding-inline: var(--size-scalable-15);
--v-table-data-text-align: start;
--v-table-background-alt: var(--palette-default-surface-2);
--v-table-wrapper-border: var(--size-scalable-1) solid var(--palette-default-border);
--v-table-border-none: 0;
--v-table-border-block-end-color: var(--palette-default-border);
--v-table-border-block-end-color-default: transparent;
--v-table-border-block-end-size-default: var(--size-scalable-1);
--v-table-border-block-end-style-default: solid;
--v-table-border-block-start-color: var(--palette-default-border);
--v-table-border-block-start-color-default: transparent;
--v-table-border-block-start-size-default: var(--size-scalable-1);
--v-table-border-block-start-style-default: solid;
--v-table-border-inline-end-color: var(--palette-default-border);
--v-table-border-inline-end-color-default: transparent;
--v-table-border-inline-end-size-default: var(--size-scalable-1);
--v-table-border-inline-end-style-default: solid;
--v-table-border-inline-start-color: var(--palette-default-border);
--v-table-border-inline-start-color-default: transparent;
--v-table-border-inline-start-size-default: var(--size-scalable-1);
--v-table-border-inline-start-style-default: solid;
--v-table-border-radius: var(--size-rounded-pill)
}
}
@layer components {
.v-td,.v-th-alt,.v-th {
border-block-end:var(--v-table-border-block-end-size-default) var(--v-table-border-block-end-style-default) var(--v-table-border-block-end-color-default);border-block-start: var(--v-table-border-block-start-size-default) var(--v-table-border-block-start-style-default) var(--v-table-border-block-start-color-default);
border-inline-end:var(--v-table-border-inline-end-size-default) var(--v-table-border-inline-end-style-default) var(--v-table-border-inline-end-color-default);border-inline-start: var(--v-table-border-inline-start-size-default) var(--v-table-border-inline-start-style-default) var(--v-table-border-inline-start-color-default)
}
.v-td:empty:is(:not(.v-td)),.v-th-alt:empty:is(:not(.v-td)),.v-th:empty:is(:not(.v-td)) {
border: 0
}
.v-th-alt,.v-th {
background-color: var(--v-table-header-bg-color);
block-size: var(--v-table-header-block);
color: var(--v-table-header-text-color);
padding-block:var(--v-table-header-padding-block);padding-inline: var(--v-table-header-padding-inline);
text-align: var(--v-table-data-text-align);
vertical-align: var(--v-table-header-block-alignment);
white-space: nowrap;
--v-table-border-block-end-size-default: var(--v-table-header-border-block-end-size);
--v-table-border-block-end-color-default: var(--v-table-header-border-block-end-color)
}
.v-table {
border-collapse: var(--v-table-border-collapse);
display: var(--v-table-display);
inline-size: var(--v-table-inline-size)
}
.v-table thead {
--typography-font-family: var(--typography-label-large-active-font-family);
--typography-font-size: var(--typography-label-large-active-font-size);
--typography-font-weight: var(--typography-label-large-active-font-weight);
--typography-letter-spacing: var(--typography-label-large-active-letter-spacing);
--typography-line-height: var(--typography-label-large-active-line-height);
--typography-text-decoration: var(--typography-label-large-active-text-decoration);
--typography-text-transform: var(--typography-label-large-active-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-table tbody {
--typography-font-family: var(--typography-label-large-font-family);
--typography-font-size: var(--typography-label-large-font-size);
--typography-font-weight: var(--typography-label-large-font-weight);
--typography-letter-spacing: var(--typography-label-large-letter-spacing);
--typography-line-height: var(--typography-label-large-line-height);
--typography-text-decoration: var(--typography-label-large-text-decoration);
--typography-text-transform: var(--typography-label-large-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-table tr {
background-color: var(--v-table-background)
}
.v-table-alt tr: nth-child(2n) {
--v-table-background:var(--v-table-background-alt)
}
.v-table:has(.v-th-alt) .v-th,.v-table:has(.v-th-alt) .v-th-alt {
--v-table-border-inline-end-color-default: var(--v-table-header-border-inline-color-alt);
--v-table-border-inline-end-size-default: var(--v-table-border-inline-end-size);
--v-table-border-inline-start-color-default: var(--v-table-header-border-inline-color-alt);
--v-table-border-block-start-color-default: var(--v-table-border-none)
}
.v-table:has(.v-th-alt) .v-th:first-child,.v-table:has(.v-th-alt) .v-th-alt:first-child {
--v-table-border-inline-start-color-default: var(--v-table-border-none)
}
.v-table:has(.v-th-alt) .v-th:last-child,.v-table:has(.v-th-alt) .v-th-alt:last-child {
--v-table-border-inline-end-color-default: var(--v-table-border-none)
}
.v-td {
block-size: var(--v-table-data-block-default);
padding-block:var(--v-table-data-padding-block-default);padding-inline: var(--v-table-data-padding-inline);
vertical-align: middle
}
.v-td:has(.v-badge) {
--v-table-data-padding-block-default: var(--v-table-data-padding-block-badge)
}
.v-table-large {
--v-table-data-padding-block-default: var(--v-table-data-padding-block-large);
--v-table-data-block-default: var(--v-table-data-block-large)
}
.v-table-small {
--v-table-data-padding-block-default: var(--v-table-data-padding-block-small);
--v-table-data-block-default: var(--v-table-data-block-small)
}
.v-table-border {
--v-table-border-block-end-color-default: var(--v-table-border-block-end-color);
--v-table-border-block-start-color-default: var(--v-table-border-block-start-color);
--v-table-border-inline-end-color-default: var(--v-table-border-inline-end-color);
--v-table-border-inline-start-color-default: var(--v-table-border-inline-start-color)
}
.v-table-border-inline {
--v-table-border-inline-end-color-default: var(--v-table-border-inline-end-color);
--v-table-border-inline-start-color-default: var(--v-table-border-inline-start-color)
}
.v-table-border-block {
--v-table-border-block-end-color-default: var(--v-table-border-block-end-color)
}
.v-table-border-block .v-th,.v-table-border-block .v-th-alt {
--v-table-header-border-inline-color-alt: var(--v-table-border-none)
}
.v-table-subtle {
--v-table-header-text-color: var(--v-table-text-color);
--v-table-header-border-block-end-size: var(--v-table-border-block-end-size-default);
--v-table-header-border-block-end-color: var(--v-table-border-block-end-color)
}
.v-table-wrapper {
border: var(--v-table-wrapper-border);
border-radius: var(--size-scalable-8);
max-block-size: var(--v-table-wrapper-block-size);
max-inline-size: var(--v-table-wrapper-inline-size);
overflow: auto
}
.v-table-wrapper tr {
--v-table-border-block-start-size-default: var(--v-table-border-none)
}
.v-table-wrapper tr th: first-of-type {
--v-table-border-inline-start-size-default:var(--v-table-border-none)
}
.v-table-wrapper tr td: last-of-type {
--v-table-border-inline-end-size-default:var(--v-table-border-none)
}
.v-table-wrapper tbody>tr: last-of-type {
--v-table-border-block-end-size-default:var(--v-table-border-none)
}
.v-table-wrapper .v-table:is(:not(.v-table-key-value)) th: last-of-type {
--v-table-border-inline-end-size-default:var(--v-table-border-none)
}
.v-table-wrapper .v-table:is(:not(.v-table-key-value)) td: first-of-type {
--v-table-border-inline-start-size-default:var(--v-table-border-none)
}
.v-th-alt {
--v-table-data-text-align: var(--v-table-header-text-align-alt);
--v-table-header-bg-color: var(--v-table-header-bg-color-alt);
--v-table-header-padding-block: var(--v-table-header-padding-block-alt);
--v-table-header-padding-inline: var(--v-table-header-padding-inline-alt)
}
.v-th-alt:empty {
--v-table-header-bg-color: none
}
.v-table-key-value tr>th: first-child {
--typography-font-family:var(--typography-label-large-active-font-family);
--typography-font-size: var(--typography-label-large-active-font-size);
--typography-font-weight: var(--typography-label-large-active-font-weight);
--typography-letter-spacing: var(--typography-label-large-active-letter-spacing);
--typography-line-height: var(--typography-label-large-active-line-height);
--typography-text-decoration: var(--typography-label-large-active-text-decoration);
--typography-text-transform: var(--typography-label-large-active-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
text-align: var(--v-table-data-text-align)
}
}
@layer components {
:root,.v-alternate {
--v-tabs-active-line-padding: var(--size-scalable-10);
--v-tabs-border-bottom-size: 0;
--v-tabs-group-gap: var(--size-scalable-6);
--v-tabs-padding-inline: var(--size-scalable-12);
--v-tabs-vertical-active-line-padding: var(--size-scalable-8);
--v-tabs-vertical-block-size: var(--size-scalable-40);
--v-tabs-vertical-padding-block: calc(var(--size-scalable-11) - var(--v-button-default-border-size));
--v-tabs-vertical-padding-inline-end: calc(var(--size-scalable-14) - var(--v-button-default-border-size));
--v-tabs-vertical-padding-inline-start: calc(var(--size-scalable-10) - var(--v-button-default-border-size));
--v-tabs-vertical-nested-count: 0;
--v-tabs-vertical-tab-indent: var(--size-scalable-14);
--v-tabs-section-title-padding-block-start: var(--size-scalable-9);
--v-tabs-section-title-padding-block-end: var(--size-scalable-3);
--v-tabs-direction: row;
--v-tabs-foreground-initial: var(--palette-default-text-subtle);
--v-tabs-icon-color-initial: var(--palette-default-active);
--v-tabs-gap: var(--size-scalable-8);
--v-tabs-icon-size: 1.2857142857rem;
--v-tabs-default-highlight: var(--palette-default-transparent);
--v-tabs-active-foreground: var(--palette-default-text);
--v-tabs-selected-background: var(--palette-default-surface-3);
--v-tabs-selected-highlight-border-size: var(--theme-border-size);
--v-tabs-selected-highlight: var(--palette-default-active-hover);
--v-tabs-expanded-icon-color: var(--palette-default-active-hover);
--v-tabs-expanded-background: var(--palette-default-surface-lowlight);
--v-tabs-expanded-foreground: var(--palette-default-text);
--v-tabs-suffix-icon-size: 1.1428571429rem;
--v-tabs-suffix-icon-color: var(--palette-default-active-subtle);
--v-tabs-stacked-block-size: calc(var(--v-button-default-stacked-icon-size) + var(--typography-label-large-line-height) + var(--v-tabs-gap) + var(--v-button-default-padding-block) * 2);
--v-tabs-outline-offset: 0px
}
}
@layer components {
.v-tab {
--v-tabs-horizontal-padding-block-end: calc(var(--v-tabs-active-line-padding) + var(--v-tabs-selected-highlight-border-size));
border-block-end-color:var(--v-tabs-default-highlight);border-block-end-style: solid;
border-block-end-width:var(--v-tabs-border-bottom-size);display: inline-block;
padding-block-end:var(--v-tabs-horizontal-padding-block-end)}
.v-tab .v-button {
--typography-font-family: var(--typography-label-large-font-family);
--typography-font-size: var(--typography-label-large-font-size);
--typography-font-weight: var(--typography-label-large-font-weight);
--typography-letter-spacing: var(--typography-label-large-letter-spacing);
--typography-line-height: var(--typography-label-large-line-height);
--typography-text-decoration: var(--typography-label-large-text-decoration);
--typography-text-transform: var(--typography-label-large-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
position: initial;
--v-button-default-padding-inline: var(--v-tabs-padding-inline);
--v-button-default-gap: var(--v-tabs-gap)
}
.v-tab .v-button,.v-tab .v-button-secondary,.v-tab .v-button-tertiary {
--v-button-secondary-foreground: var(--v-tabs-foreground-initial);
--v-button-tertiary-foreground: var(--v-tabs-foreground-initial)
}
.v-tab .v-button .v-icon,.v-tab .v-button-secondary .v-icon,.v-tab .v-button-tertiary .v-icon {
--v-icon-primary: var(--v-tabs-icon-color-initial);
--v-icon-secondary: var(--v-tabs-icon-color-initial)
}
.v-nav .v-button[aria-current=page],.v-tab .v-button[aria-current=page],.v-tab .v-button[aria-selected=true],.v-tab .v-button-secondary[aria-current=page],.v-tab .v-button-secondary[aria-selected=true],.v-tab .v-button-tertiary[aria-current=page],.v-tab .v-button-tertiary[aria-selected=true] {
color: var(--v-tabs-active-foreground);
--v-button-secondary-background: var(--v-tabs-selected-background);
--v-button-tertiary-background: var(--v-tabs-selected-background)
}
.v-tab .v-button:hover,.v-tab .v-button:focus-visible,.v-tab .v-button:active,.v-tab .v-button-secondary:hover,.v-tab .v-button-secondary:focus-visible,.v-tab .v-button-secondary:active,.v-tab .v-button-tertiary:hover,.v-tab .v-button-tertiary:focus-visible,.v-tab .v-button-tertiary:active {
--v-icon-primary: var(--v-button-default-foreground);
--v-icon-secondary: var(--v-button-default-foreground)
}
.v-tab .v-button .v-tab-suffix,.v-tab .v-button-secondary .v-tab-suffix,.v-tab .v-button-tertiary .v-tab-suffix {
--v-icon-primary: var(--v-tabs-suffix-icon-color);
--v-icon-secondary: var(--v-tabs-suffix-icon-color)
}
.v-tab .v-button:disabled,.v-tab .v-button-secondary:disabled,.v-tab .v-button-tertiary:disabled {
--v-tabs-active-foreground: var(--v-button-default-foreground)
}
.v-tab .v-button:disabled,.v-tab .v-button:disabled .v-icon,.v-tab .v-button:disabled .v-tab-suffix,.v-tab .v-button-secondary:disabled,.v-tab .v-button-secondary:disabled .v-icon,.v-tab .v-button-secondary:disabled .v-tab-suffix,.v-tab .v-button-tertiary:disabled,.v-tab .v-button-tertiary:disabled .v-icon,.v-tab .v-button-tertiary:disabled .v-tab-suffix {
--v-icon-primary: currentColor;
--v-icon-secondary: currentColor
}
.v-tab .v-button .v-tab-suffix {
--v-icon-height: var(--v-tabs-suffix-icon-size);
--v-icon-width: var(--v-tabs-suffix-icon-size);
margin-inline-start:auto}
.v-tab .v-button:focus-visible {
--theme-focus-outline-offset: var(--v-tabs-outline-offset)
}
.v-nav .v-button[aria-current=page],.v-tab .v-button[aria-current=page],.v-tab .v-button[aria-selected=true] {
--typography-font-family: var(--typography-label-large-active-font-family);
--typography-font-size: var(--typography-label-large-active-font-size);
--typography-font-weight: var(--typography-label-large-active-font-weight);
--typography-letter-spacing: var(--typography-label-large-active-letter-spacing);
--typography-line-height: var(--typography-label-large-active-line-height);
--typography-text-decoration: var(--typography-label-large-active-text-decoration);
--typography-text-transform: var(--typography-label-large-active-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-tab .v-button-stacked {
--v-button-default-block-size: var(--v-tabs-stacked-block-size);
--v-button-default-gap: var(--v-tabs-gap)
}
.v-tab .v-button-stacked:has(.v-badge) {
--v-button-default-badge-offset-x: -.5;
--v-button-default-badge-offset-y: -.15;
position: relative
}
.v-nav .v-tab:has(.v-button[aria-current=page]),.v-tab: has(.v-button[aria-current=page]),.v-tab:has(.v-button[aria-selected=true]) {
--v-tabs-default-highlight:var(--v-tabs-selected-highlight);
--v-tabs-border-bottom-size: var(--v-tabs-selected-highlight-border-size);
--v-tabs-horizontal-padding-block-end: var(--v-tabs-active-line-padding)
}
.v-tab:has(.v-button[disabled]) {
--v-tabs-default-highlight: rgba(0,0,0,0)
}
.v-tabs {
display: flex;
flex-direction: var(--v-tabs-direction);
gap: var(--v-tabs-group-gap)
}
.v-tabs .v-tabs,.v-tabs.v-tabs,.v-tabs-horizontal .v-tabs,.v-tabs-horizontal.v-tabs,.v-nav-horizontal .v-tabs,.v-nav-horizontal.v-tabs,.v-nav:has(.v-tabs) .v-tabs,.v-nav:has(.v-tabs).v-tabs {
flex-wrap: wrap
}
.v-tabs-vertical,.v-nav-vertical {
--v-button-default-block-size: var(--v-tabs-vertical-block-size);
--v-button-default-icon-size: var(--v-tabs-icon-size);
--v-button-default-justify-content: flex-start;
--v-button-default-padding-block: var(--v-tabs-vertical-padding-block);
--v-tabs-direction: column;
inline-size: 100%;
position: relative
}
.v-tabs-vertical .v-tab,.v-nav-vertical .v-tab {
border-block-end:0;inline-size: 100%;
padding-block-end:0;--v-tabs-direction: row
}
.v-tabs-vertical .v-tab .v-button,.v-tabs-vertical .v-tab.v-tab-section-title,.v-nav-vertical .v-tab .v-button,.v-nav-vertical .v-tab.v-tab-section-title {
--tabs-margin-inline-start: calc(var(--v-tabs-vertical-tab-indent)*var(--v-tabs-vertical-nested-count));
inline-size: calc(100% - var(--tabs-margin-inline-start));
margin-inline-start:var(--tabs-margin-inline-start);padding-inline-end: var(--v-tabs-vertical-padding-inline-end);
padding-inline-start:var(--v-tabs-vertical-padding-inline-start)}
.v-tabs-vertical .v-tab .v-button: before,.v-tabs-vertical .v-tab.v-tab-section-title:before,.v-nav-vertical .v-tab .v-button:before,.v-nav-vertical .v-tab.v-tab-section-title:before {
content:"";
position: absolute
}
.v-tabs-vertical .v-tab .v-button:has(.v-avatar) .v-avatar .v-icon,.v-tabs-vertical .v-tab .v-button:has(.v-avatar) .v-avatar.v-icon,.v-tabs-vertical .v-tab.v-tab-section-title:has(.v-avatar) .v-avatar .v-icon,.v-tabs-vertical .v-tab.v-tab-section-title:has(.v-avatar) .v-avatar.v-icon,.v-nav-vertical .v-tab .v-button:has(.v-avatar) .v-avatar .v-icon,.v-nav-vertical .v-tab .v-button:has(.v-avatar) .v-avatar.v-icon,.v-nav-vertical .v-tab.v-tab-section-title:has(.v-avatar) .v-avatar .v-icon,.v-nav-vertical .v-tab.v-tab-section-title:has(.v-avatar) .v-avatar.v-icon {
--v-icon-height: var(--v-tabs-icon-size);
--v-icon-width: var(--v-tabs-icon-size)
}
.v-tabs-vertical .v-tab .v-button[aria-current=page]: before,.v-tabs-vertical .v-tab .v-button[aria-selected=true]:before,.v-tabs-vertical .v-tab.v-tab-section-title[aria-current=page]:before,.v-tabs-vertical .v-tab.v-tab-section-title[aria-selected=true]:before,.v-nav-vertical .v-tab .v-button[aria-current=page]:before,.v-nav-vertical .v-tab .v-button[aria-selected=true]:before,.v-nav-vertical .v-tab.v-tab-section-title[aria-current=page]:before,.v-nav-vertical .v-tab.v-tab-section-title[aria-selected=true]:before {
block-size:var(--v-tabs-vertical-block-size);
border-inline-start:var(--v-tabs-selected-highlight-border-size) solid var(--v-tabs-default-highlight);content: "";
left: 0
}
.v-tabs-vertical .v-tab.v-tab-section-title,.v-nav-vertical .v-tab.v-tab-section-title {
--typography-font-family: var(--typography-overline-font-family);
--typography-font-size: var(--typography-overline-font-size);
--typography-font-weight: var(--typography-overline-font-weight);
--typography-letter-spacing: var(--typography-overline-letter-spacing);
--typography-line-height: var(--typography-overline-line-height);
--typography-text-decoration: var(--typography-overline-text-decoration);
--typography-text-transform: var(--typography-overline-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
color: var(--v-tabs-foreground-initial);
padding-block-end:var(--v-tabs-section-title-padding-block-end);padding-block-start: var(--v-tabs-section-title-padding-block-start)
}
.v-tabs-vertical {
--v-tabs-vertical-nested-count: 1
}
.v-tabs-vertical .v-tabs-vertical {
margin-block-start:var(--v-tabs-group-gap);--v-tabs-vertical-nested-count: 2
}
.v-tabs-vertical .v-tabs-vertical .v-tabs-vertical {
--v-tabs-vertical-nested-count: 3
}
.v-tabs-vertical .v-tabs-vertical .v-tabs-vertical .v-tab a {
--tabs-margin-inline-start: calc(var(--v-tabs-vertical-tab-indent)*var(--v-tabs-vertical-nested-count));
margin-inline-start:calc(var(--tabs-margin-inline-start) + 2px)}
}
@layer components {
: root,.v-alternate {
--v-toggle-background:var(--palette-default-surface-1);
--v-toggle-foreground: var(--palette-default-text);
--v-toggle-elevation: var(--elevation-inset);
--v-toggle-input-appearance: none;
--v-toggle-input-clip: rect(0, 0, 0, 0);
--v-toggle-input-position: absolute;
--v-toggle-padding-block-end: var(--size-scalable-10);
--v-toggle-padding-block-end-active: calc(var(--size-scalable-10) - var(--v-toggle-indicator-size));
--v-toggle-padding-block-start: var(--size-scalable-10);
--v-toggle-padding-inline-end: var(--size-scalable-8);
--v-toggle-padding-inline-start: var(--size-scalable-8);
--v-toggle-padding: var(--v-toggle-padding-block-start) var(--v-toggle-padding-inline-end) var(--v-toggle-padding-block-end) var(--v-toggle-padding-inline-start);
--v-toggle-icon-padding: var(--size-scalable-6);
--v-toggle-icon-padding-block-end-active: calc(var(--size-scalable-6) - var(--v-toggle-indicator-size));
--v-toggle-text-transform: none;
--v-toggle-border-none: none;
--v-toggle-border-inline-end: var(--size-responsive-1) solid var(--palette-default-active);
--v-toggle-container-border: 0 0 0 var(--size-responsive-1) var(--palette-default-active);
--v-toggle-container-border-radius: var(--size-rounded-medium);
--v-toggle-hover-background: var(--palette-default-surface-highlight);
--v-toggle-hover-icon-color: var(--palette-default-active-hover);
--v-toggle-focus-background: var(--palette-default-surface-highlight);
--v-toggle-focus-icon-color: var(--palette-default-active-hover);
--v-toggle-focus-offset: calc(-1 * var(--size-responsive-6));
--v-toggle-indicator-color: var(--palette-default-active);
--v-toggle-indicator-size: var(--size-responsive-2);
--v-toggle-indicator-style: solid;
--v-toggle-active-background: var(--palette-default-surface-3);
--v-toggle-active-foreground: var(--palette-default-text);
--v-toggle-active-icon-color: var(--palette-default-active);
--v-toggle-pressed-background: var(--palette-default-surface-lowlight);
--v-toggle-pressed-icon-color: var(--palette-default-active-pressed);
--v-toggle-pressed-indicator-color: var(--palette-default-active-pressed);
--v-toggle-disabled-background: var(--palette-default-surface-1);
--v-toggle-disabled-border-color: var(--palette-default-disabled);
--v-toggle-disabled-border-inline-end: var(--size-responsive-1) solid var(--palette-default-disabled);
--v-toggle-disabled-container-border: 0 0 0 var(--size-responsive-1) var(--palette-default-disabled);
--v-toggle-disabled-foreground: var(--palette-default-disabled)
}
}
@layer components {
.v-toggle {
--typography-font-family: var(--typography-label-font-family);
--typography-font-size: var(--typography-label-font-size);
--typography-font-weight: var(--typography-label-font-weight);
--typography-letter-spacing: var(--typography-label-letter-spacing);
--typography-line-height: var(--typography-label-line-height);
--typography-text-decoration: var(--typography-label-text-decoration);
--typography-text-transform: var(--typography-label-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
align-items: center;
background-color: var(--v-toggle-background);
block-size: var(--size-responsive-38);
border-inline-end:var(--v-toggle-border-inline-end);color: var(--v-toggle-foreground);
cursor: pointer;
display: flex;
flex-direction: row;
inline-size: fit-content;
padding-block-end:var(--v-toggle-padding-block-end);padding-block-start: var(--v-toggle-padding-block-start);
padding-inline-end:var(--v-toggle-padding-inline-end);padding-inline-start: var(--v-toggle-padding-inline-start);
text-transform: var(--v-toggle-text-transform)
}
@container (max-width: 768px) {
.v-toggle {
border-block-end:var(--v-toggle-border-inline-end);border-inline-end: var(--v-toggle-border-none)
}
}
.v-toggle:last-child {
--v-toggle-border-inline-end: var(--v-toggle-border-none)
}
.v-toggle input {
appearance: var(--v-toggle-input-appearance);
clip: var(--v-toggle-input-clip);
position: var(--v-toggle-input-position)
}
.v-toggle:has(input: checked),.v-toggle[aria-pressed=true] {
--typography-font-family:var(--typography-label-active-font-family);
--typography-font-size: var(--typography-label-active-font-size);
--typography-font-weight: var(--typography-label-active-font-weight);
--typography-letter-spacing: var(--typography-label-active-letter-spacing);
--typography-line-height: var(--typography-label-active-line-height);
--typography-text-decoration: var(--typography-label-active-text-decoration);
--typography-text-transform: var(--typography-label-active-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
--v-icon-primary: var(--v-toggle-active-icon-color);
--v-icon-secondary: var(--v-toggle-active-icon-color);
--v-toggle-background: var(--v-toggle-active-background);
--v-toggle-foreground: var(--v-toggle-active-foreground);
--v-toggle-padding-block-end: var(--v-toggle-padding-block-end-active);
--typography-text-transform: var(--v-toggle-text-transform);
border-block-end:var(--v-toggle-indicator-size) var(--v-toggle-indicator-style) var(--v-toggle-indicator-color);box-shadow: var(--v-toggle-elevation)
}
.v-toggle:has(input: checked):is(.v-toggle-icon),.v-toggle[aria-pressed=true]:is(.v-toggle-icon) {
--v-toggle-padding-block-end:var(--v-toggle-icon-padding-block-end-active)
}
.v-toggle:has(input: checked):hover,.v-toggle:has(input:checked):focus-visible,.v-toggle:has(input:checked):has(input[type=radio]:focus-visible),.v-toggle:has(input:checked):has(input[type=checkbox]:focus-visible),.v-toggle[aria-pressed=true]:hover,.v-toggle[aria-pressed=true]:focus-visible,.v-toggle[aria-pressed=true]:has(input[type=radio]:focus-visible),.v-toggle[aria-pressed=true]:has(input[type=checkbox]:focus-visible) {
--v-toggle-active-icon-color:var(--v-toggle-hover-icon-color);
--v-toggle-active-background: var(--v-toggle-hover-background)
}
.v-toggle:has(input: checked):active,.v-toggle[aria-pressed=true]:active {
--v-toggle-active-icon-color:var(--v-toggle-pressed-icon-color);
--v-toggle-active-background: var(--v-toggle-pressed-background)
}
.v-toggle:hover,.v-toggle:focus-visible,.v-toggle:has(input[type=radio]: focus-visible),.v-toggle:has(input[type=checkbox]:focus-visible) {
--v-icon-primary:var(--v-toggle-hover-icon-color);
--v-icon-secondary: var(--v-toggle-hover-icon-color);
--v-toggle-background: var(--v-toggle-hover-background)
}
.v-toggle:focus-visible,.v-toggle:has(input[type=radio]: focus-visible),.v-toggle:has(input[type=checkbox]:focus-visible) {
outline-width:var(--theme-focus-outline-size);
outline-style: dashed;
outline-color: var(--palette-default-active-pressed);
outline-offset: var(--theme-focus-outline-offset);
--theme-focus-outline-offset: var(--v-toggle-focus-offset)
}
.v-toggle:active {
--v-icon-primary: var(--v-toggle-pressed-icon-color);
--v-icon-secondary: var(--v-toggle-pressed-icon-color);
--v-toggle-indicator-color: var(--v-toggle-pressed-indicator-color);
--v-toggle-background: var(--v-toggle-pressed-background)
}
.v-toggle-container {
align-items: center;
border-radius: var(--v-toggle-container-border-radius);
box-shadow: var(--v-toggle-container-border);
display: flex;
flex-direction: row;
max-inline-size: fit-content;
overflow: hidden;
outline: 1px solid rgba(0,0,0,0);
flex-wrap: wrap
}
@container (max-width: 768px) {
.v-toggle-container {
flex-direction: column
}
}
.v-toggle-container:has(input): not(:has(input:not([disabled]))) {
--v-toggle-container-border:var(--v-toggle-disabled-container-border)
}
.v-toggle-container:has(input): not(:has(input:not([disabled]))) .v-toggle:not(:last-child) {
--v-toggle-border-inline-end:var(--v-toggle-disabled-border-inline-end)
}
.v-toggle-container:has(button): not(:has(button:not([disabled]))) {
--v-toggle-container-border:var(--v-toggle-disabled-container-border)
}
.v-toggle-container:has(button): not(:has(button:not([disabled]))) .v-toggle:not(:last-child) {
--v-toggle-border-inline-end:var(--v-toggle-disabled-border-inline-end)
}
.v-toggle:has(input[disabled]),.v-toggle[disabled] {
--v-icon-primary: var(--v-toggle-disabled-foreground);
--v-icon-secondary: var(--v-toggle-disabled-foreground);
--v-toggle-background: var(--v-toggle-disabled-background);
--v-toggle-foreground: var(--v-toggle-disabled-foreground);
cursor: default;
pointer-events: none
}
.v-toggle-icon {
--v-toggle-padding-block-end: var(--v-toggle-icon-padding);
--v-toggle-padding-block-start: var(--v-toggle-icon-padding);
--v-toggle-padding-inline-end: var(--v-toggle-icon-padding);
--v-toggle-padding-inline-start: var(--v-toggle-icon-padding);
--v-icon-primary: var(--v-toggle-active-icon-color);
--v-icon-secondary: var(--v-toggle-active-icon-color)
}
}
@layer components {
:root,.v-alternate {
--v-tooltip-border-radius: var(--size-rounded-none);
--v-tooltip-border-size: 0px;
--v-tooltip-elevation: var(--elevation-small);
--v-tooltip-padding: var(--size-scalable-4);
--v-tooltip-position: absolute;
--v-tooltip-surface-size: fit-content
}
}
@layer components {
.v-tooltip {
--typography-font-family: var(--typography-label-font-family);
--typography-font-size: var(--typography-label-font-size);
--typography-font-weight: var(--typography-label-font-weight);
--typography-letter-spacing: var(--typography-label-letter-spacing);
--typography-line-height: var(--typography-label-line-height);
--typography-text-decoration: var(--typography-label-text-decoration);
--typography-text-transform: var(--typography-label-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
--v-surface-border-radius: var(--v-tooltip-border-radius);
--v-surface-border-size: var(--v-tooltip-border-size);
--v-surface-inline-size: var(--v-tooltip-surface-size);
box-shadow: var(--v-tooltip-elevation);
padding: var(--v-tooltip-padding);
position: var(--v-tooltip-position)
}
}
@layer patterns {
:root,.v-alternate {
--v-wizard-flex-direction: row;
--v-wizard-step-background-color: var(--v-action-secondary-background);
--v-wizard-step-border-width: 0;
--v-wizard-step-border-color: var(--palette-default-transparent);
--v-wizard-step-color: var(--palette-default-text-subtle);
--v-wizard-step-font-weight: var(--typography-body-2-font-weight);
--v-wizard-step-gap: var(--size-scalable-8);
--v-wizard-step-padding-block: var(--size-scalable-14);
--v-wizard-step-padding-inline: var(--size-scalable-12);
--v-wizard-step-max-inline-size: 226px;
--v-wizard-step-max-inline-size-md: 603px;
--v-wizard-step-icon-color: var(--palette-default-active-subtle);
--v-wizard-vertical-flex-direction: column;
--v-wizard-vertical-max-inline-size: 235px;
--v-wizard-compact-gap: var(--size-scalable-40);
--v-wizard-compact-step-block-size: var(--size-scalable-20);
--v-wizard-compact-step-rail-color: var(--palette-default-active-subtle)
}
}
@layer patterns {
.v-wizard {
inline-size: 100%
}
.v-wizard:not(:has(.v-accordion)) {
display: flex;
flex-direction: var(--v-wizard-flex-direction);
flex-wrap: wrap
}
.v-wizard:not(:has(.v-accordion)).v-wizard-compact {
flex-wrap: nowrap
}
.v-wizard-vertical {
--v-wizard-flex-direction: var(--v-wizard-vertical-flex-direction);
max-inline-size: var(--v-wizard-vertical-max-inline-size)
}
.v-wizard .v-accordion-toggle-icon-closed {
--v-accordion-icon-color: var(--v-wizard-step-icon-color)
}
.v-wizard-step {
--typography-font-family: var(--typography-label-large-font-family);
--typography-font-size: var(--typography-label-large-font-size);
--typography-font-weight: var(--typography-label-large-font-weight);
--typography-letter-spacing: var(--typography-label-large-letter-spacing);
--typography-line-height: var(--typography-label-large-line-height);
--typography-text-decoration: var(--typography-label-large-text-decoration);
--typography-text-transform: var(--typography-label-large-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform);
display: flex
}
.v-wizard-step:not(:has(.v-button)):not(.v-wizard-compact .v-wizard-step),.v-wizard-step>.v-button:not(.v-accordion-heading) {
gap: var(--v-wizard-step-gap);
padding-block:var(--v-wizard-step-padding-block);padding-inline: var(--v-wizard-step-padding-inline)
}
.v-wizard-step:not(:has(.v-button)):not(.v-wizard-compact .v-wizard-step):not(.v-wizard-vertical *),.v-wizard-step>.v-button:not(.v-accordion-heading):not(.v-wizard-vertical *) {
align-items: flex-start
}
.v-wizard-step:not(.v-wizard-step>.v-button):not(.v-wizard-step.v-accordion):not(:has(.v-badge-stable)):not(:has(.v-badge-critical)) {
color: var(--v-wizard-step-color)
}
.v-wizard-step .v-accordion-heading:not([open]): not([aria-expanded=true]):not(.v-wizard-step .v-accordion-heading:not([open]):not([aria-expanded=true])[disabled]):not(.v-wizard-step .v-accordion-heading:not([open]):not([aria-expanded=true])[aria-disabled=true]) {
--v-accordion-foreground-initial:var(--palette-default-text-subtle)
}
.v-wizard-step .v-accordion-heading:not([open]): not([aria-expanded=true]) .v-typography-color-subtle .v-badge-subtle:not(.v-badge-active) {
--v-badge-border-color: var(--palette-default-text-subtle);
--v-badge-foreground: var(--palette-default-text-subtle)
}
.v-wizard-step .v-accordion-heading:not([open]): not([aria-expanded=true]):hover:not(:has(.v-badge-critical)):not(:has(.v-badge-stable)) .v-badge:not(.v-badge-critical):not(.v-badge-stable):not(.v-badge-active),.v-wizard-step .v-accordion-heading:not([open]):not([aria-expanded=true]):focus-visible:not(:has(.v-badge-critical)):not(:has(.v-badge-stable)) .v-badge:not(.v-badge-critical):not(.v-badge-stable):not(.v-badge-active) {
--v-badge-foreground:var(--palette-default-active-hover);
--v-badge-border-color: var(--palette-default-active-hover)
}
.v-wizard-step .v-accordion-heading:not([open]): not([aria-expanded=true]):hover:not(:has(.v-badge-critical)):not(:has(.v-badge-stable)) .v-accordion-toggle-icon,.v-wizard-step .v-accordion-heading:not([open]):not([aria-expanded=true]):focus-visible:not(:has(.v-badge-critical)):not(:has(.v-badge-stable)) .v-accordion-toggle-icon {
--v-accordion-icon-color:var(--palette-default-active-hover)
}
.v-wizard-step .v-accordion-heading:not([open]): not([aria-expanded=true]):active:not(:has(.v-badge-critical)):not(:has(.v-badge-stable)) .v-badge:not(.v-badge-critical):not(.v-badge-stable):not(.v-badge-active) {
--v-badge-foreground:var(--palette-default-active-pressed);
--v-badge-border-color: var(--palette-default-active-pressed)
}
.v-wizard-step .v-accordion-heading:not([open]): not([aria-expanded=true]):active:not(:has(.v-badge-critical)):not(:has(.v-badge-stable)) .v-accordion-toggle-icon {
--v-accordion-icon-color:var(--palette-default-active-pressed)
}
.v-wizard-step.v-accordion[open]>.v-accordion-heading: not(.v-wizard-step.v-accordion[open]>.v-accordion-heading[disabled],.v-wizard-step.v-accordion>.v-accordion-heading[aria-expanded=true][disabled]):not(.v-wizard-step.v-accordion[open]>.v-accordion-heading[aria-disabled=true],.v-wizard-step.v-accordion>.v-accordion-heading[aria-expanded=true][aria-disabled=true]),.v-wizard-step.v-accordion>.v-accordion-heading[aria-expanded=true]:not(.v-wizard-step.v-accordion[open]>.v-accordion-heading[disabled],.v-wizard-step.v-accordion>.v-accordion-heading[aria-expanded=true][disabled]):not(.v-wizard-step.v-accordion[open]>.v-accordion-heading[aria-disabled=true],.v-wizard-step.v-accordion>.v-accordion-heading[aria-expanded=true][aria-disabled=true]) {
--v-accordion-foreground-initial:var(--palette-default-active)
}
.v-wizard-step.v-accordion[open]>.v-accordion-heading: has(.v-badge-critical),.v-wizard-step.v-accordion>.v-accordion-heading[aria-expanded=true]:has(.v-badge-critical) {
color:var(--palette-default-text)
}
.v-wizard-step.v-accordion[open]>.v-accordion-heading: has(.v-badge-critical) .v-badge,.v-wizard-step.v-accordion>.v-accordion-heading[aria-expanded=true]:has(.v-badge-critical) .v-badge {
--v-badge-background:var(--v-badge-error-icon-color);
--v-badge-foreground: var(--v-badge-icon-foreground)
}
.v-wizard-step.v-accordion[open]>.v-accordion-heading: has(.v-badge-critical) .v-accordion-toggle-icon-open,.v-wizard-step.v-accordion>.v-accordion-heading[aria-expanded=true]:has(.v-badge-critical) .v-accordion-toggle-icon-open {
--v-icon-primary:var(--palette-default-active-subtle);
--v-icon-secondary: var(--palette-default-active-subtle)
}
.v-wizard-step.v-accordion[open]>.v-accordion-heading: has(.v-badge-stable),.v-wizard-step.v-accordion>.v-accordion-heading[aria-expanded=true]:has(.v-badge-stable) {
color:var(--palette-default-text)
}
.v-wizard-step.v-accordion[open]>.v-accordion-heading: has(.v-badge-stable) .v-badge,.v-wizard-step.v-accordion>.v-accordion-heading[aria-expanded=true]:has(.v-badge-stable) .v-badge {
--v-badge-background:var(--v-badge-stable-icon-color);
--v-badge-foreground: var(--v-badge-icon-foreground)
}
.v-wizard-step.v-accordion[open]>.v-accordion-heading: has(.v-badge-stable) .v-accordion-toggle-icon-open,.v-wizard-step.v-accordion>.v-accordion-heading[aria-expanded=true]:has(.v-badge-stable) .v-accordion-toggle-icon-open {
--v-icon-primary:var(--palette-default-active-subtle);
--v-icon-secondary: var(--palette-default-active-subtle)
}
.v-wizard-step:not(.v-accordion):not(.v-wizard-compact>.v-wizard-step):not(.v-wizard-vertical .v-wizard-step),.v-wizard-step>.v-button:not(.v-accordion-heading):not(:is(.v-wizard-vertical>.v-wizard-step>.v-button)) {
justify-content: space-between;
max-inline-size: var(--v-wizard-step-max-inline-size);
block-size: fit-content;
text-align: left
}
.v-wizard-step:not(.v-accordion):not(.v-wizard-compact>.v-wizard-step):not(.v-wizard-vertical .v-wizard-step) .v-badge,.v-wizard-step>.v-button:not(.v-accordion-heading):not(:is(.v-wizard-vertical>.v-wizard-step>.v-button)) .v-badge {
transform-origin: top
}
.v-wizard-step:not(.v-accordion):not(.v-wizard-compact>.v-wizard-step):not(.v-wizard-vertical .v-wizard-step):not(:has(>.v-button)) {
flex: 1 0 0
}
.v-wizard-step>.v-icon,.v-wizard-step>.v-button:not(.v-accordion-heading)>.v-icon {
--v-icon-primary: var(--v-wizard-step-icon-color);
--v-icon-secondary: var(--v-wizard-step-icon-color)
}
.v-wizard-step:has(>.v-button:not(.v-accordion-heading)) {
display: contents
}
.v-wizard-step>.v-button:not(.v-accordion-heading) {
--typography-font-family: var(--typography-label-large-font-family);
--typography-font-size: var(--typography-label-large-font-size);
--typography-font-weight: var(--typography-label-large-font-weight);
--typography-letter-spacing: var(--typography-label-large-letter-spacing);
--typography-line-height: var(--typography-label-large-line-height);
--typography-text-decoration: var(--typography-label-large-text-decoration);
--typography-text-transform: var(--typography-label-large-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-wizard-step>.v-button {
display: flex;
flex: 1;
align-items: flex-start;
block-size: unset;
inline-size: unset;
padding-block:var(--v-wizard-step-padding-block);padding-inline: var(--v-wizard-step-padding-inline)
}
.v-wizard-step>.v-button:not(:has(.v-accordion-toggle-icon)) {
color: var(--v-wizard-step-color)
}
.v-wizard-step>.v-button:hover,.v-wizard-step>.v-button:focus-visible {
color: var(--palette-default-active-hover)
}
.v-wizard-step>.v-button:hover .v-badge:not(.v-badge-critical):not(.v-badge-stable):not(.v-badge-active),.v-wizard-step>.v-button:focus-visible .v-badge:not(.v-badge-critical):not(.v-badge-stable):not(.v-badge-active) {
--v-badge-foreground: var(--palette-default-active-hover);
--v-badge-border-color: var(--palette-default-active-hover)
}
.v-wizard-step>.v-button:active {
color: var(--palette-default-active-pressed)
}
.v-wizard-step>.v-button:active .v-badge:not(.v-badge-critical):not(.v-badge-stable):not(.v-badge-active) {
--v-badge-foreground: var(--palette-default-active-pressed);
--v-badge-border-color: var(--palette-default-active-pressed)
}
.v-wizard-step>.v-button[disabled],.v-wizard-step>.v-button[aria-disabled=true] {
--v-accordion-border-color: var(--palette-default-border)
}
.v-wizard-step .v-badge {
line-height: 0px
}
.v-wizard-vertical .v-wizard-step,.v-wizard-vertical .v-wizard-step>.v-button:not(.v-accordion-heading) {
justify-content: flex-start;
align-items: center
}
.v-wizard-compact .v-wizard-step {
flex: 1;
align-items: center;
position: relative;
max-inline-size: calc(var(--v-wizard-compact-step-block-size) + var(--size-scalable-72))
}
.v-wizard-compact .v-wizard-step .v-badge {
box-sizing: border-box;
max-block-size: var(--v-wizard-compact-step-block-size);
max-inline-size: var(--v-wizard-compact-step-block-size);
min-block-size: var(--v-wizard-compact-step-block-size);
min-inline-size: var(--v-wizard-compact-step-block-size)
}
.v-wizard-compact .v-wizard-step:not(:last-child):after {
background-color: var(--v-wizard-compact-step-rail-color);
content: "";
display: inline-block;
height: 2px;
flex: 1;
min-inline-size: var(--size-scalable-12)
}
.v-wizard-compact .v-wizard-step:last-child {
flex: 0 0 var(--v-wizard-compact-step-block-size)
}
@media (max-width: 767px) {
.v-wizard:not(.v-wizard-compact):not(.v-wizard-vertical):not(:has(.v-accordion)) {
--v-wizard-flex-direction: column;
--v-wizard-step-max-inline-size: var(--v-wizard-step-max-inline-size-md);
max-inline-size: var(--v-wizard-step-max-inline-size-md);
padding-inline:calc(var(--size-scalable-48) - var(--v-wizard-step-padding-inline))}
}
@media (forced-colors: active) {
.v-badge:not(.v-badge-clear):not(:has(.v-icon)) {
--v-badge-background:#fff;
--v-badge-foreground: #000;
outline: 1px solid #000;
forced-color-adjust: none
}
}
@media (forced-colors: active)and (prefers-color-scheme: light) {
.v-badge:not(.v-badge-clear):not(:has(.v-icon)) {
--v-badge-background:#000;
--v-badge-foreground: #fff;
outline: 1px solid #fff
}
}
}
@layer overrides {
:root,::backdrop,.v-alternate {
--elevation-inset: inset 0 0 4px 0 rgba(0,0,0,.1), inset 0 0 4px 1px rgba(0,0,0,.2);
--elevation-xsmall: 0 1px 3px 0 rgba(0,0,0,.05);
--elevation-small: 0 1px 2px -1px rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.1);
--elevation-medium: 0 4px 15px -1px rgba(0,0,0,.08), 0 4px 2px -2px rgba(0,0,0,.1);
--elevation-large: 0 10px 18px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
--elevation-xlarge: 0 20px 25px -5px rgba(0,0,0,.1), 0 4px 10px 2px rgba(0,0,0,.1);
--elevation-xxlarge: 0 25px 50px -12px rgba(0,0,0,.25);
--v-logo-color: var(--palette-accent-app-name)
}
:root,::backdrop {
--v-logo-hc-background: #fff
}
.v-label:has(+.v-input-container),.v-label:has(+* .v-input-container),.v-input-container .v-label {
--typography-font-family: var(--typography-label-font-family);
--typography-font-size: var(--typography-label-font-size);
--typography-font-weight: var(--typography-label-font-weight);
--typography-letter-spacing: var(--typography-label-letter-spacing);
--typography-line-height: var(--typography-label-line-height);
--typography-text-decoration: var(--typography-label-text-decoration);
--typography-text-transform: var(--typography-label-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
.v-input-container:has(.v-checkbox) .v-label,.v-input-container:has(.v-radio) .v-label {
--typography-font-family: var(--typography-label-large-font-family);
--typography-font-size: var(--typography-label-large-font-size);
--typography-font-weight: var(--typography-label-large-font-weight);
--typography-letter-spacing: var(--typography-label-large-letter-spacing);
--typography-line-height: var(--typography-label-large-line-height);
--typography-text-decoration: var(--typography-label-large-text-decoration);
--typography-text-transform: var(--typography-label-large-text-transform);
font-family: var(--typography-font-family);
font-size: var(--typography-font-size);
font-weight: var(--typography-font-weight);
letter-spacing: var(--typography-letter-spacing);
line-height: var(--typography-line-height);
text-decoration: var(--typography-text-decoration);
text-transform: var(--typography-text-transform)
}
@container nav-container (max-width: 767px) {
.v-nav:has(.v-tabs:not(.v-tabs-vertical)),.v-nav:has(.v-tabs-horizontal),.v-nav-horizontal {
--v-nav-horizontal-padding-inline-end: 16px;
--v-nav-horizontal-padding-inline-start: 16px
}
}
@media only screen and (max-width: 767px) {
:root,::backdrop,.v-alternate {
--v-accordion-badge-margin:15px;
--v-accordion-icon-size: 1.6428571429rem;
--v-accordion-toggle-icon-size: 1.1428571429rem;
--v-button-default-block-size: 46px;
--v-button-default-icon-size: 1.2857142857rem;
--v-tabs-vertical-block-size: 48px
}
.v-button-tertiary.v-button-icon {
--v-button-default-block-size: 42px
}
.v-button-tertiary.v-button-icon.v-button-small {
--v-button-default-block-size: 36px
}
.v-button-tertiary.v-button-icon.v-button-large {
--v-button-default-block-size: 52px
}
.v-button-stacked {
--v-button-default-block-size: 72px;
--v-button-default-gap: 4px
}
.v-button-small {
--v-button-default-block-size: 36px
}
.v-button-large {
--v-button-default-block-size: 58px;
--v-button-default-icon-size: 22px
}
.v-button-large.v-button-icon:not(.v-panel-toggle) {
--v-button-default-block-size: 72px;
--v-button-default-padding-block: 24px
}
.v-tabs-vertical {
--v-tabs-icon-size: 20px;
--v-tabs-suffix-icon-size: 16px
}
.v-nav:has(.v-tabs:not(.v-tabs-vertical)),.v-nav:has(.v-tabs-horizontal),.v-nav-horizontal {
--v-nav-horizontal-padding-inline-end: 16px;
--v-nav-horizontal-padding-inline-start: 16px
}
}
.v-avatar.v-avatar-small:has(.v-icon) {
--v-avatar-background: var(--palette-default-transparent);
--v-avatar-foreground: var(--palette-default-active)
}
.v-avatar.v-icon {
--v-avatar-background: var(--palette-default-transparent)
}
.v-button-tertiary {
--v-button-default-padding-inline: calc(var(--size-scalable-8) - var(--v-button-default-border-size))
}
.v-button-tertiary.v-button-icon {
--v-button-default-block-size: 38px;
--v-button-default-padding-block: calc((var(--v-button-default-block-size) - var(--v-button-default-icon-size))/2 - var(--v-button-default-border-size));
--v-button-default-padding-inline: var(--v-button-default-padding-block)
}
.v-button-tertiary.v-button-icon.v-button-small {
--v-button-default-block-size: 32px;
--v-button-default-padding-block: calc((var(--v-button-default-block-size) - var(--v-button-default-icon-size))/2 - var(--v-button-default-border-size));
--v-button-default-padding-inline: var(--v-button-default-padding-block)
}
.v-button-tertiary.v-button-icon.v-button-large {
--v-button-default-block-size: 46px;
--v-button-default-padding-block: calc((var(--v-button-default-block-size) - var(--v-button-default-icon-size))/2 - var(--v-button-default-border-size));
--v-button-default-padding-inline: var(--v-button-default-padding-block)
}
.v-button-tertiary.v-button-icon:has(.v-avatar) {
--v-button-default-padding-block: calc((var(--v-button-default-block-size) - var(--v-avatar-profile-size))/2 - var(--v-button-default-border-size))
}
.v-button-tertiary.v-button-icon:has(.v-avatar):has(.v-avatar .v-icon),.v-button-tertiary.v-button-icon:has(.v-avatar):has(.v-avatar.v-icon) {
--v-button-default-padding-block: calc((var(--v-button-default-block-size) - var(--v-avatar-icon-size))/2 - var(--v-button-default-border-size))
}
.v-tab .v-button-tertiary {
--v-button-default-padding-inline: calc(var(--v-tabs-padding-inline) - var(--v-button-default-border-size))
}
.v-pagination .v-button-tertiary {
--v-button-default-padding-inline: var(--v-pagination-padding-inline)
}
.v-pagination .v-button-tertiary[aria-current=page],.v-pagination .v-button-tertiary[aria-current=true] {
--v-button-default-padding-inline: var(--v-pagination-selected-padding-inline)
}
.v-panel:not(.v-panel-responsive) {
--v-panel-drop-shadow: drop-shadow(0 10px 18px rgba(0,0,0,.1)) drop-shadow(0px 4px 6px rgba(0,0,0,.1))
}
.v-panel-toggle {
--v-button-default-icon-size: 1.4285714286rem
}
.v-action-secondary:has(.v-checkbox:only-of-type:not(:disabled)) .v-label:only-of-type,.v-action-secondary:has(.v-radio:only-of-type:not(:disabled)) .v-label:only-of-type {
--v-label-color: var(--palette-default-text)
}
.v-checkbox:not(:disabled)+.v-label,.v-checkbox:not(:disabled)+*:has(.v-label),.v-radio:not(:disabled)+.v-label,.v-radio:not(:disabled)+*:has(.v-label) {
--v-label-color: var(--palette-default-text)
}
.v-chip .v-button-icon {
inline-size: var(--v-chip-button-size);
--v-button-default-block-size: var(--v-chip-button-size);
--v-button-default-padding-block: var(--v-chip-button-padding);
--v-button-default-padding-inline: var(--v-chip-button-padding)
}
.v-chip-compact .v-button-icon {
inline-size: var(--v-chip-compact-button-size);
--v-button-default-block-size: var(--v-chip-compact-button-size);
--v-button-default-padding-block: var(--v-chip-compact-button-padding);
--v-button-default-padding-inline: var(--v-chip-compact-button-padding)
}
.v-icon-two-color,.v-icon-two-color.v-icon-visa,.v-icon-two-color .v-icon-visa {
--v-icon-primary: var(--palette-default-active);
--v-icon-secondary: var(--palette-default-active-accent)
}
.v-button:not(.v-button-secondary):not(.v-button-tertiary):not(.v-button-subtle):not(.v-button-destructive).v-icon-two-color .v-icon-visa {
--v-icon-primary: var(--v-button-default-foreground)
}
.v-button:not(.v-button-secondary):not(.v-button-tertiary):not(.v-button-subtle):not(.v-button-destructive) .v-icon-two-color.v-icon-visa {
--v-icon-primary: var(--v-button-default-foreground)
}
.v-button.v-icon-two-color,.v-button .v-icon-two-color {
--v-icon-primary: var(--palette-default-text-on-active);
--v-icon-secondary: var(--palette-default-active-accent)
}
.v-button:disabled.v-icon-two-color,.v-button:disabled .v-icon-two-color {
--v-icon-primary: currentColor;
--v-icon-secondary: currentColor
}
.v-button-subtle.v-icon-two-color,.v-button-subtle .v-icon-two-color {
--v-icon-secondary: var(--v-icon-primary)
}
.v-button-secondary.v-icon-two-color,.v-button-secondary .v-icon-two-color,.v-button-tertiary.v-icon-two-color,.v-button-tertiary .v-icon-two-color {
--v-icon-primary: var(--palette-default-active);
--v-icon-secondary: var(--palette-default-active-accent)
}
.v-link.v-icon-two-color,.v-link>.v-icon-two-color {
--v-icon-primary: var(--palette-default-active);
--v-icon-secondary: var(--palette-default-active-accent)
}
.v-icon-two-color .v-tabs .v-tab .v-button .v-icon-visa,.v-tabs.v-icon-two-color .v-tab .v-button .v-icon-visa,.v-tabs .v-tab .v-button.v-icon-two-color .v-icon-visa,.v-tabs .v-tab.v-icon-two-color .v-button .v-icon-visa {
--v-icon-primary: var(--palette-default-active);
--v-icon-secondary: var(--palette-default-active-accent)
}
.v-wizard:not(.v-accordion) .v-badge {
scale: 1.125
}
.v-wizard.v-accordion .v-badge {
scale: 1.375
}
.v-alternate {
--v-logo-hc-background: #000
}
.v-alternate.v-button-secondary:hover:not(:disabled).v-icon-two-color,.v-alternate.v-button-secondary:hover:not(:disabled) .v-icon-two-color,.v-alternate.v-button-secondary:focus-visible:not(:disabled).v-icon-two-color,.v-alternate.v-button-secondary:focus-visible:not(:disabled) .v-icon-two-color,.v-alternate.v-button-secondary:active:not(:disabled).v-icon-two-color,.v-alternate.v-button-secondary:active:not(:disabled) .v-icon-two-color,.v-alternate .v-button-secondary:hover:not(:disabled).v-icon-two-color,.v-alternate .v-button-secondary:hover:not(:disabled) .v-icon-two-color,.v-alternate .v-button-secondary:focus-visible:not(:disabled).v-icon-two-color,.v-alternate .v-button-secondary:focus-visible:not(:disabled) .v-icon-two-color,.v-alternate .v-button-secondary:active:not(:disabled).v-icon-two-color,.v-alternate .v-button-secondary:active:not(:disabled) .v-icon-two-color,.v-alternate.v-button-tertiary:hover:not(:disabled).v-icon-two-color,.v-alternate.v-button-tertiary:hover:not(:disabled) .v-icon-two-color,.v-alternate.v-button-tertiary:focus-visible:not(:disabled).v-icon-two-color,.v-alternate.v-button-tertiary:focus-visible:not(:disabled) .v-icon-two-color,.v-alternate.v-button-tertiary:active:not(:disabled).v-icon-two-color,.v-alternate.v-button-tertiary:active:not(:disabled) .v-icon-two-color,.v-alternate .v-button-tertiary:hover:not(:disabled).v-icon-two-color,.v-alternate .v-button-tertiary:hover:not(:disabled) .v-icon-two-color,.v-alternate .v-button-tertiary:focus-visible:not(:disabled).v-icon-two-color,.v-alternate .v-button-tertiary:focus-visible:not(:disabled) .v-icon-two-color,.v-alternate .v-button-tertiary:active:not(:disabled).v-icon-two-color,.v-alternate .v-button-tertiary:active:not(:disabled) .v-icon-two-color,.v-alternate.v-button-subtle:hover:not(:disabled).v-icon-two-color,.v-alternate.v-button-subtle:hover:not(:disabled) .v-icon-two-color,.v-alternate.v-button-subtle:focus-visible:not(:disabled).v-icon-two-color,.v-alternate.v-button-subtle:focus-visible:not(:disabled) .v-icon-two-color,.v-alternate.v-button-subtle:active:not(:disabled).v-icon-two-color,.v-alternate.v-button-subtle:active:not(:disabled) .v-icon-two-color,.v-alternate .v-button-subtle:hover:not(:disabled).v-icon-two-color,.v-alternate .v-button-subtle:hover:not(:disabled) .v-icon-two-color,.v-alternate .v-button-subtle:focus-visible:not(:disabled).v-icon-two-color,.v-alternate .v-button-subtle:focus-visible:not(:disabled) .v-icon-two-color,.v-alternate .v-button-subtle:active:not(:disabled).v-icon-two-color,.v-alternate .v-button-subtle:active:not(:disabled) .v-icon-two-color,.v-alternate.v-tab:hover:not(:disabled).v-icon-two-color,.v-alternate.v-tab:hover:not(:disabled) .v-icon-two-color,.v-alternate.v-tab:focus-visible:not(:disabled).v-icon-two-color,.v-alternate.v-tab:focus-visible:not(:disabled) .v-icon-two-color,.v-alternate.v-tab:active:not(:disabled).v-icon-two-color,.v-alternate.v-tab:active:not(:disabled) .v-icon-two-color,.v-alternate .v-tab:hover:not(:disabled).v-icon-two-color,.v-alternate .v-tab:hover:not(:disabled) .v-icon-two-color,.v-alternate .v-tab:focus-visible:not(:disabled).v-icon-two-color,.v-alternate .v-tab:focus-visible:not(:disabled) .v-icon-two-color,.v-alternate .v-tab:active:not(:disabled).v-icon-two-color,.v-alternate .v-tab:active:not(:disabled) .v-icon-two-color {
--v-icon-primary: var(--palette-default-active-accent);
--v-icon-secondary: var(--palette-default-active)
}
.v-alternate .v-nav,.v-alternate.v-nav {
--v-nav-foreground: var(--palette-default-active-accent);
--v-tabs-expanded-background: var(--palette-default-transparent)
}
.v-alternate .v-nav .v-tab .v-button-secondary,.v-alternate .v-nav .v-tab .v-button-tertiary,.v-alternate.v-nav .v-tab .v-button-secondary,.v-alternate.v-nav .v-tab .v-button-tertiary {
--v-icon-primary: var(--palette-default-active-accent);
--v-icon-secondary: var(--palette-default-active-accent)
}
[data-theme=dark],.v-dark {
--v-logo-hc-background: #000
}
[data-theme=dark] .v-alternate.v-nav,[data-theme=dark] .v-alternate .v-nav,.v-dark .v-alternate.v-nav,.v-dark .v-alternate .v-nav {
--v-badge-number-foreground: var(--palette-default-surface-1)
}
@media (prefers-color-scheme: dark) {
.v-logo {
--v-logo-hc-background: #000
}
.v-alternate.v-nav,.v-alternate .v-nav {
--v-badge-number-foreground: var(--palette-default-surface-1)
}
}
@media (forced-colors: active) {
svg.v-icon {
--v-icon-primary: currentColor !important;
--v-icon-secondary: currentColor !important
}
}
}
@layer theme {
:root,::backdrop {
--palette-default-active: #1434cb;
--palette-default-active-hover: #173be8;
--palette-default-active-pressed: #0f2595;
--palette-default-active-subtle: rgba(0, 0, 0, .5);
--palette-default-active-accent: #fcc015;
--palette-default-surface-1: #ffffff;
--palette-default-surface-2: #f5f5f5;
--palette-default-surface-3: #f0f0f0;
--palette-default-surface-highlight: rgba(179, 215, 255, .35);
--palette-default-surface-lowlight: rgba(179, 215, 255, .6);
--palette-default-text: #000000;
--palette-default-text-subtle: #4a4a4a;
--palette-default-text-on-active: #ffffff;
--palette-default-border: rgba(0, 0, 0, .1);
--palette-default-disabled: rgba(0, 0, 0, .2);
--palette-default-overlay: rgba(20, 34, 57, .4);
--palette-default-transparent: rgba(255, 255, 255, 0);
--palette-messaging-highlight-positive: rgba(214, 242, 196, .35);
--palette-messaging-lowlight-positive: rgba(214, 242, 196, .6);
--palette-messaging-surface-positive: #d6f2c4;
--palette-messaging-graphics-positive: #40996b;
--palette-messaging-text-hover-positive: #36815b;
--palette-messaging-text-positive: #2f6f4e;
--palette-messaging-text-pressed-positive: #1d4430;
--palette-messaging-highlight-warning: #ffef99;
--palette-messaging-graphics-warning: #c38004;
--palette-messaging-text-warning: #875903;
--palette-messaging-highlight-negative: rgba(255, 214, 233, .35);
--palette-messaging-lowlight-negative: rgba(255, 214, 233, .6);
--palette-messaging-surface-negative: #ffd6e9;
--palette-messaging-graphics-negative: #d65151;
--palette-messaging-text-hover-negative: #d03939;
--palette-messaging-text-negative: #be2d2d;
--palette-messaging-text-pressed-negative: #8c2121;
--palette-messaging-highlight-info: #c7edff;
--palette-messaging-graphics-info: #0088c7;
--palette-messaging-text-info: #005e8a;
--palette-accent-app-name: #1434CB
}
.v-alternate {
--palette-default-active: #fcc015;
--palette-default-active-hover: #fcc936;
--palette-default-active-pressed: #d39d03;
--palette-default-active-subtle: rgba(255, 255, 255, .5);
--palette-default-active-accent: #ffffff;
--palette-default-surface-1: #1434cb;
--palette-default-surface-2: #122fba;
--palette-default-surface-3: #112aa7;
--palette-default-surface-highlight: rgba(2, 30, 76, .35);
--palette-default-surface-lowlight: rgba(2, 30, 76, .6);
--palette-default-text: #ffffff;
--palette-default-text-subtle: #d9d9d9;
--palette-default-text-on-active: #021e4c;
--palette-default-border: rgba(255, 255, 255, .1);
--palette-default-disabled: rgba(255, 255, 255, .2);
--palette-default-overlay: rgba(255, 255, 255, .4);
--palette-default-transparent: rgba(0, 0, 0, 0);
--palette-accent-app-name: #fff
}
[data-theme=dark],.v-dark {
--palette-default-active-hover: hsla(41, 100%, 67%, 1);
--palette-default-active-pressed: hsla(41, 100%, 60%, 1);
--palette-default-active-subtle: hsla(100, 100%, 100%, .5);
--palette-default-active: hsla(41, 100%, 61%, 1);
--palette-default-border: hsla(100, 100%, 100%, .1);
--palette-default-disabled: hsla(100, 100%, 100%, .2);
--palette-default-surface-1: hsla(0, 0%, 12%, 1);
--palette-default-surface-2: hsla(0, 0%, 9%, 1);
--palette-default-surface-3: hsla(0, 0%, 5%, 1);
--palette-default-surface-highlight: hsla(38, 48%, 29%, .35);
--palette-default-surface-lowlight: hsla(38, 48%, 29%, .6);
--palette-default-text-on-active: hsla(0, 0%, 0%, 1);
--palette-default-text-subtle: hsla(0, 0%, 67%, 1);
--palette-default-text: hsla(0, 0%, 100%, 1);
--palette-default-overlay: rgba(0, 0, 0, .4);
--palette-default-transparent: rgba(0, 0, 0, 0);
--palette-messaging-graphics-info: hsla(198, 59%, 25%, 1);
--palette-messaging-graphics-negative: hsla(0, 65%, 28%, 1);
--palette-messaging-graphics-positive: hsla(149, 45%, 25%, 1);
--palette-messaging-graphics-warning: hsla(39, 96%, 28%, 1);
--palette-messaging-highlight-info: hsla(198, 59%, 25%, .35);
--palette-messaging-highlight-negative: hsla(0, 81%, 65%, .35);
--palette-messaging-highlight-positive: hsla(149, 45%, 25%, .35);
--palette-messaging-highlight-warning: hsla(39, 96%, 28%, .35);
--palette-messaging-lowlight-info: hsla(198, 59%, 25%, .6);
--palette-messaging-lowlight-negative: hsla(0, 65%, 28%, .6);
--palette-messaging-lowlight-positive: hsla(149, 45%, 25%, .6);
--palette-messaging-lowlight-warning: hsla(39, 96%, 28%, .6);
--palette-messaging-surface-info: hsla(198, 59%, 13%, 1);
--palette-messaging-surface-negative: hsla(0, 65%, 16%, 1);
--palette-messaging-surface-positive: hsla(149, 45%, 13%, 1);
--palette-messaging-surface-warning: hsla(39, 96%, 16%, 1);
--palette-messaging-text-hover-info: hsla(198, 59%, 65%, 1);
--palette-messaging-text-hover-negative: hsla(0, 65%, 68%, 1);
--palette-messaging-text-hover-positive: hsla(149, 45%, 65%, 1);
--palette-messaging-text-hover-warning: hsla(39, 96%, 68%, 1);
--palette-messaging-text-info: hsla(198, 59%, 73%, 1);
--palette-messaging-text-negative: hsla(0, 65%, 76%, 1);
--palette-messaging-text-positive: hsla(149, 45%, 73%, 1);
--palette-messaging-text-pressed-info: hsla(198, 59%, 47%, 1);
--palette-messaging-text-pressed-negative: hsla(0, 65%, 50%, 1);
--palette-messaging-text-pressed-positive: hsla(149, 45%, 47%, 1);
--palette-messaging-text-pressed-warning: hsla(39, 96%, 50%, 1);
--palette-messaging-text-warning: hsla(39, 96%, 76%, 1);
--palette-accent-app-name: #fff
}
[data-theme=dark] .v-alternate,.v-dark .v-alternate {
--palette-default-active: hsla(41, 100%, 61%, 1);
--palette-default-active-hover: hsla(41, 100%, 67%, 1);
--palette-default-active-pressed: hsla(100, 100%, 100%, .5);
--palette-default-active-accent: #FCC015;
--palette-default-surface-1: #2E2E2E;
--palette-default-surface-2: #1A1A1A;
--palette-default-surface-3: #0A0A0A;
--palette-default-text-on-active: #0A0A0A;
--palette-default-transparent: rgba(0, 0, 0, 0)
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme=light]),::backdrop {
--palette-default-active-hover:hsla(41, 100%, 67%, 1);
--palette-default-active-pressed: hsla(41, 100%, 60%, 1);
--palette-default-active-subtle: hsla(100, 100%, 100%, .5);
--palette-default-active: hsla(41, 100%, 61%, 1);
--palette-default-border: hsla(100, 100%, 100%, .1);
--palette-default-disabled: hsla(100, 100%, 100%, .2);
--palette-default-surface-1: hsla(0, 0%, 12%, 1);
--palette-default-surface-2: hsla(0, 0%, 9%, 1);
--palette-default-surface-3: hsla(0, 0%, 5%, 1);
--palette-default-surface-highlight: hsla(38, 48%, 29%, .35);
--palette-default-surface-lowlight: hsla(38, 48%, 29%, .6);
--palette-default-text-on-active: hsla(0, 0%, 0%, 1);
--palette-default-text-subtle: hsla(0, 0%, 67%, 1);
--palette-default-text: hsla(0, 0%, 100%, 1);
--palette-default-overlay: rgba(0, 0, 0, .4);
--palette-default-transparent: rgba(0, 0, 0, 0);
--palette-messaging-graphics-info: hsla(198, 59%, 25%, 1);
--palette-messaging-graphics-negative: hsla(0, 65%, 28%, 1);
--palette-messaging-graphics-positive: hsla(149, 45%, 25%, 1);
--palette-messaging-graphics-warning: hsla(39, 96%, 28%, 1);
--palette-messaging-highlight-info: hsla(198, 59%, 25%, .35);
--palette-messaging-highlight-negative: hsla(0, 81%, 65%, .35);
--palette-messaging-highlight-positive: hsla(149, 45%, 25%, .35);
--palette-messaging-highlight-warning: hsla(39, 96%, 28%, .35);
--palette-messaging-lowlight-info: hsla(198, 59%, 25%, .6);
--palette-messaging-lowlight-negative: hsla(0, 65%, 28%, .6);
--palette-messaging-lowlight-positive: hsla(149, 45%, 25%, .6);
--palette-messaging-lowlight-warning: hsla(39, 96%, 28%, .6);
--palette-messaging-surface-info: hsla(198, 59%, 13%, 1);
--palette-messaging-surface-negative: hsla(0, 65%, 16%, 1);
--palette-messaging-surface-positive: hsla(149, 45%, 13%, 1);
--palette-messaging-surface-warning: hsla(39, 96%, 16%, 1);
--palette-messaging-text-hover-info: hsla(198, 59%, 65%, 1);
--palette-messaging-text-hover-negative: hsla(0, 65%, 68%, 1);
--palette-messaging-text-hover-positive: hsla(149, 45%, 65%, 1);
--palette-messaging-text-hover-warning: hsla(39, 96%, 68%, 1);
--palette-messaging-text-info: hsla(198, 59%, 73%, 1);
--palette-messaging-text-negative: hsla(0, 65%, 76%, 1);
--palette-messaging-text-positive: hsla(149, 45%, 73%, 1);
--palette-messaging-text-pressed-info: hsla(198, 59%, 47%, 1);
--palette-messaging-text-pressed-negative: hsla(0, 65%, 50%, 1);
--palette-messaging-text-pressed-positive: hsla(149, 45%, 47%, 1);
--palette-messaging-text-pressed-warning: hsla(39, 96%, 50%, 1);
--palette-messaging-text-warning: hsla(39, 96%, 76%, 1);
--palette-accent-app-name: #fff
}
:root:not([data-theme=light]) .v-alternate {
--palette-default-active: #fcc015;
--palette-default-active-hover: #fcc936;
--palette-default-active-pressed: #d39d03;
--palette-default-active-subtle: rgba(255, 255, 255, .5);
--palette-default-active-accent: #ffffff;
--palette-default-surface-1: #2E2E2E;
--palette-default-surface-2: #1A1A1A;
--palette-default-surface-3: #0A0A0A;
--palette-default-text-on-active: #0A0A0A;
--palette-default-transparent: rgba(0, 0, 0, 0)
}
}
}
@layer theme {
:root,::backdrop {
--theme-font-size: 14px;
--theme-focus-outline-size: 1px;
--theme-focus-outline-offset: var(--size-scalable-1);
--theme-border-size: 2px;
--theme-border-radius: 6px;
--theme-responsive-factor: 1.25;
--theme-scale-factor: 1
}
}
@font-face {
font-display: swap;
font-family: visa-font-light;
src: url(https://cdn.visa.com/v0/assets/fonts/types/dialect/latin/visa_font_light.woff2);
font-weight: 300;
font-style: normal
}
@font-face {
font-display: swap;
font-family: visa-font-regular;
src: url(https://cdn.visa.com/v0/assets/fonts/types/dialect/latin/visa_font_regular.woff2);
font-weight: 400;
font-style: normal
}
@font-face {
font-display: swap;
font-family: visa-font-medium;
src: url(https://cdn.visa.com/3.5.0/assets/fonts/types/dialect/visa_font_medium.woff2);
font-weight: 500;
font-style: normal
}
@font-face {
font-display: swap;
font-family: visa-font-semi-bold;
src: url(https://cdn.visa.com/v0/assets/fonts/types/dialect/latin/visa_font_semi_bold.woff2);
font-weight: 600;
font-style: normal
}
@layer theme {
:root,::backdrop {
--typography-display-1-font-family: visa-font-semi-bold, Open Sans, sans-serif;
--typography-display-1-font-size: 4.2857142857rem;
--typography-display-1-font-weight: 600;
--typography-display-1-letter-spacing: 0rem;
--typography-display-1-line-height: 5.5714285714rem;
--typography-display-1-text-decoration: none;
--typography-display-1-text-transform: none;
--typography-display-2-font-family: visa-font-semi-bold, Open Sans, sans-serif;
--typography-display-2-font-size: 3.5rem;
--typography-display-2-font-weight: 600;
--typography-display-2-letter-spacing: 0rem;
--typography-display-2-line-height: 4.4285714286rem;
--typography-display-2-text-decoration: none;
--typography-display-2-text-transform: none;
--typography-headline-1-font-family: visa-font-semi-bold, Open Sans, sans-serif;
--typography-headline-1-font-size: 2.2857142857rem;
--typography-headline-1-font-weight: 600;
--typography-headline-1-letter-spacing: .0357142857rem;
--typography-headline-1-line-height: 3rem;
--typography-headline-1-text-decoration: none;
--typography-headline-1-text-transform: none;
--typography-headline-2-font-family: visa-font-medium, Open Sans, sans-serif;
--typography-headline-2-font-size: 1.7857142857rem;
--typography-headline-2-font-weight: 500;
--typography-headline-2-letter-spacing: 0rem;
--typography-headline-2-line-height: 2.3571428571rem;
--typography-headline-2-text-decoration: none;
--typography-headline-2-text-transform: none;
--typography-headline-3-font-family: visa-font-semi-bold, Open Sans, sans-serif;
--typography-headline-3-font-size: 1.4285714286rem;
--typography-headline-3-font-weight: 600;
--typography-headline-3-letter-spacing: 0rem;
--typography-headline-3-line-height: 1.8571428571rem;
--typography-headline-3-text-decoration: none;
--typography-headline-3-text-transform: none;
--typography-headline-4-font-family: visa-font-semi-bold, Open Sans, sans-serif;
--typography-headline-4-font-size: 1.2857142857rem;
--typography-headline-4-font-weight: 600;
--typography-headline-4-letter-spacing: 0rem;
--typography-headline-4-line-height: 1.7142857143rem;
--typography-headline-4-text-decoration: none;
--typography-headline-4-text-transform: none;
--typography-subtitle-1-font-family: visa-font-semi-bold, Open Sans, sans-serif;
--typography-subtitle-1-font-size: 1.1428571429rem;
--typography-subtitle-1-font-weight: 600;
--typography-subtitle-1-letter-spacing: 0rem;
--typography-subtitle-1-line-height: 1.5rem;
--typography-subtitle-1-text-decoration: none;
--typography-subtitle-1-text-transform: none;
--typography-subtitle-2-font-family: visa-font-medium, Open Sans, sans-serif;
--typography-subtitle-2-font-size: 1.1428571429rem;
--typography-subtitle-2-font-weight: 500;
--typography-subtitle-2-letter-spacing: 0rem;
--typography-subtitle-2-line-height: 1.5rem;
--typography-subtitle-2-text-decoration: none;
--typography-subtitle-2-text-transform: none;
--typography-subtitle-3-font-family: visa-font-semi-bold, Open Sans, sans-serif;
--typography-subtitle-3-font-size: 1rem;
--typography-subtitle-3-font-weight: 600;
--typography-subtitle-3-letter-spacing: 0rem;
--typography-subtitle-3-line-height: 1.2857142857rem;
--typography-subtitle-3-text-decoration: none;
--typography-subtitle-3-text-transform: none;
--typography-overline-font-family: visa-font-semi-bold, Open Sans, sans-serif;
--typography-overline-font-size: .7142857143rem;
--typography-overline-font-weight: 600;
--typography-overline-letter-spacing: .0714285714rem;
--typography-overline-line-height: .9285714286rem;
--typography-overline-text-decoration: none;
--typography-overline-text-transform: uppercase;
--typography-body-1-font-family: visa-font-regular, Open Sans, sans-serif;
--typography-body-1-font-size: 1.1428571429rem;
--typography-body-1-font-weight: 400;
--typography-body-1-letter-spacing: 0rem;
--typography-body-1-line-height: 1.7142857143rem;
--typography-body-1-text-decoration: none;
--typography-body-1-text-transform: none;
--typography-body-2-font-family: visa-font-regular, Open Sans, sans-serif;
--typography-body-2-font-size: 1rem;
--typography-body-2-font-weight: 400;
--typography-body-2-letter-spacing: 0rem;
--typography-body-2-line-height: 1.5714285714rem;
--typography-body-2-text-decoration: none;
--typography-body-2-text-transform: none;
--typography-body-2-bold-font-family: visa-font-semi-bold, Open Sans, sans-serif;
--typography-body-2-bold-font-size: 1rem;
--typography-body-2-bold-font-weight: 600;
--typography-body-2-bold-letter-spacing: 0rem;
--typography-body-2-bold-line-height: 1.5714285714rem;
--typography-body-2-bold-text-decoration: none;
--typography-body-2-bold-text-transform: none;
--typography-body-2-link-font-family: visa-font-medium, Open Sans, sans-serif;
--typography-body-2-link-font-size: 1rem;
--typography-body-2-link-font-weight: 500;
--typography-body-2-link-letter-spacing: 0rem;
--typography-body-2-link-line-height: 1.5714285714rem;
--typography-body-2-link-text-decoration: underline;
--typography-body-2-link-text-transform: none;
--typography-body-2-medium-font-family: visa-font-medium, Open Sans, sans-serif;
--typography-body-2-medium-font-size: 1rem;
--typography-body-2-medium-font-weight: 500;
--typography-body-2-medium-letter-spacing: 0rem;
--typography-body-2-medium-line-height: 1.5714285714rem;
--typography-body-2-medium-text-decoration: none;
--typography-body-2-medium-text-transform: none;
--typography-body-3-font-family: visa-font-regular, Open Sans, sans-serif;
--typography-body-3-font-size: .8571428571rem;
--typography-body-3-font-weight: 400;
--typography-body-3-letter-spacing: 0rem;
--typography-body-3-line-height: 1.2857142857rem;
--typography-body-3-text-decoration: none;
--typography-body-3-text-transform: none;
--typography-button-large-font-family: visa-font-semi-bold, Open Sans, sans-serif;
--typography-button-large-font-size: 1rem;
--typography-button-large-font-weight: 600;
--typography-button-large-letter-spacing: .0178571429rem;
--typography-button-large-line-height: 1.2857142857rem;
--typography-button-large-text-decoration: none;
--typography-button-large-text-transform: none;
--typography-button-medium-font-family: visa-font-semi-bold, Open Sans, sans-serif;
--typography-button-medium-font-size: .8571428571rem;
--typography-button-medium-font-weight: 600;
--typography-button-medium-letter-spacing: .0178571429rem;
--typography-button-medium-line-height: 1.1428571429rem;
--typography-button-medium-text-decoration: none;
--typography-button-medium-text-transform: none;
--typography-button-small-font-family: visa-font-medium, Open Sans, sans-serif;
--typography-button-small-font-size: .8571428571rem;
--typography-button-small-font-weight: 500;
--typography-button-small-letter-spacing: .0178571429rem;
--typography-button-small-line-height: 1.1428571429rem;
--typography-button-small-text-decoration: none;
--typography-button-small-text-transform: none;
--typography-label-large-font-family: visa-font-regular, Open Sans, sans-serif;
--typography-label-large-font-size: 1rem;
--typography-label-large-font-weight: 400;
--typography-label-large-letter-spacing: 0rem;
--typography-label-large-line-height: 1.2857142857rem;
--typography-label-large-text-decoration: none;
--typography-label-large-text-transform: none;
--typography-label-large-active-font-family: visa-font-medium, Open Sans, sans-serif;
--typography-label-large-active-font-size: 1rem;
--typography-label-large-active-font-weight: 500;
--typography-label-large-active-letter-spacing: 0rem;
--typography-label-large-active-line-height: 1.2857142857rem;
--typography-label-large-active-text-decoration: none;
--typography-label-large-active-text-transform: none;
--typography-label-font-family: visa-font-regular, Open Sans, sans-serif;
--typography-label-font-size: .8571428571rem;
--typography-label-font-weight: 400;
--typography-label-letter-spacing: 0rem;
--typography-label-line-height: 16px;
--typography-label-text-decoration: none;
--typography-label-text-transform: none;
--typography-label-active-font-family: visa-font-medium, Open Sans, sans-serif;
--typography-label-active-font-size: .8571428571rem;
--typography-label-active-font-weight: 500;
--typography-label-active-letter-spacing: 0rem;
--typography-label-active-line-height: 1.1428571429rem;
--typography-label-active-text-decoration: none;
--typography-label-active-text-transform: none;
--typography-label-small-font-family: visa-font-regular, Open Sans, sans-serif;
--typography-label-small-font-size: .7857142857rem;
--typography-label-small-font-weight: 400;
--typography-label-small-letter-spacing: 0rem;
--typography-label-small-line-height: 1rem;
--typography-label-small-text-decoration: none;
--typography-label-small-text-transform: none;
--typography-label-small-active-font-family: visa-font-regular, Open Sans, sans-serif;
--typography-label-small-active-font-size: .7857142857rem;
--typography-label-small-active-font-weight: 600;
--typography-label-small-active-letter-spacing: 0rem;
--typography-label-small-active-line-height: 1rem;
--typography-label-small-active-text-decoration: none;
--typography-label-small-active-text-transform: none
}
}