@visa/nova-styles/styles.css

Visa Product Design System Nova HTML+CSS library

/**
 *              Copyright (c) 2025 Visa, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *         http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 **/
@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, 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)}}@layer base{.v-elevation,.v-elevation-xxlarge,.v-elevation-xlarge,.v-elevation-large,.v-elevation-medium,.v-elevation-small,.v-elevation-xsmall,.v-elevation-inset,.v-elevation-none{box-shadow:var(--elevation-offset-x) var(--elevation-offset-y) var(--elevation-blur-radius) var(--elevation-spread) var(--elevation-color)}:root{--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{--elevation-offset-x: var(--elevation-none-offset-x);--elevation-offset-y: var(--elevation-none-offset-y);--elevation-blur-radius: var(--elevation-none-blur-radius);--elevation-spread: var(--elevation-none-spread);--elevation-color: var(--elevation-none-color)}.v-elevation-inset{--elevation-offset-x: var(--elevation-inset-offset-x);--elevation-offset-y: var(--elevation-inset-offset-y);--elevation-blur-radius: var(--elevation-inset-blur-radius);--elevation-spread: var(--elevation-inset-spread);--elevation-color: var(--elevation-inset-color)}.v-elevation-xsmall{--elevation-offset-x: var(--elevation-xsmall-offset-x);--elevation-offset-y: var(--elevation-xsmall-offset-y);--elevation-blur-radius: var(--elevation-xsmall-blur-radius);--elevation-spread: var(--elevation-xsmall-spread);--elevation-color: var(--elevation-xsmall-color)}.v-elevation-small{--elevation-offset-x: var(--elevation-small-offset-x);--elevation-offset-y: var(--elevation-small-offset-y);--elevation-blur-radius: var(--elevation-small-blur-radius);--elevation-spread: var(--elevation-small-spread);--elevation-color: var(--elevation-small-color)}.v-elevation-medium{--elevation-offset-x: var(--elevation-medium-offset-x);--elevation-offset-y: var(--elevation-medium-offset-y);--elevation-blur-radius: var(--elevation-medium-blur-radius);--elevation-spread: var(--elevation-medium-spread);--elevation-color: var(--elevation-medium-color)}.v-elevation-large{--elevation-offset-x: var(--elevation-large-offset-x);--elevation-offset-y: var(--elevation-large-offset-y);--elevation-blur-radius: var(--elevation-large-blur-radius);--elevation-spread: var(--elevation-large-spread);--elevation-color: var(--elevation-large-color)}.v-elevation-xlarge{--elevation-offset-x: var(--elevation-xlarge-offset-x);--elevation-offset-y: var(--elevation-xlarge-offset-y);--elevation-blur-radius: var(--elevation-xlarge-blur-radius);--elevation-spread: var(--elevation-xlarge-spread);--elevation-color: var(--elevation-xlarge-color)}.v-elevation-xxlarge{--elevation-offset-x: var(--elevation-xxlarge-offset-x);--elevation-offset-y: var(--elevation-xxlarge-offset-y);--elevation-blur-radius: var(--elevation-xxlarge-blur-radius);--elevation-spread: var(--elevation-xxlarge-spread);--elevation-color: var(--elevation-xxlarge-color)}}@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) * 0.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) * 0.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-en