@visa/nova-styles/base/sizes/index.css

Visa Product Design System Nova HTML+CSS library

/**
 *              © 2025-2026 Visa
 *
 * 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 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}}}