Professional Documents
Culture Documents
Snapshot-Content-Location: https://goc.fytxpslqjxi.workers.dev/0:/JAI%20MAHAKAAL!
%20GOC%20Kohinoor%20Drive/[Educative.io]%20System%20Design/Grokking%20the%20System
%20Design%20Interview/Course%20Contents/2.Glossary%20of%20System%20Design%20Basics/
Subject: JAI MAHAKAAL! GOC Kohinoor Drive [Private] - /JAI MAHAKAAL! GOC Kohinoor
Drive/[Educative.io] System Design/Grokking the System Design Interview/Course
Contents/2.Glossary of System Design Basics/
Date: Thu, 25 Aug 2022 06:18:27 -0000
MIME-Version: 1.0
Content-Type: multipart/related;
type="text/html";
boundary="----MultipartBoundary--
RR82mBjCQ00pj1KbXAT2s07ghP8apii5p3vrNbo0QG----"
------MultipartBoundary--RR82mBjCQ00pj1KbXAT2s07ghP8apii5p3vrNbo0QG----
Content-Type: text/html
Content-ID: <frame-F831D877526FC36235BD2E447FDF04FB@mhtml.blink>
Content-Transfer-Encoding: binary
Content-Location: https://goc.fytxpslqjxi.workers.dev/0:/JAI%20MAHAKAAL!%20GOC
%20Kohinoor%20Drive/[Educative.io]%20System%20Design/Grokking%20the%20System
%20Design%20Interview/Course%20Contents/2.Glossary%20of%20System%20Design%20Basics/
@charset "utf-8";
a { color: white; }
p { color: white; }
------MultipartBoundary--RR82mBjCQ00pj1KbXAT2s07ghP8apii5p3vrNbo0QG----
Content-Type: text/css
Content-Transfer-Encoding: binary
Content-Location: https://cdn.plyr.io/3.6.4/plyr.css
@charset "utf-8";
@keyframes plyr-progress {
100% { background-position: var(--plyr-progress-loading-size,25px) 0; }
}
@keyframes plyr-popup {
0% { opacity: 0.5; transform: translateY(10px); }
100% { opacity: 1; transform: translateY(0px); }
}
@keyframes plyr-fade-in {
0% { opacity: 0; }
100% { opacity: 1; }
}
.plyr audio, .plyr iframe, .plyr video { display: block; height: 100%; width: 100%;
}
.plyr__control.plyr__control--pressed .icon--not-
pressed, .plyr__control.plyr__control--pressed .label--not-
pressed, .plyr__control:not(.plyr__control--pressed) .icon--
pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed { display:
none; }
.plyr--full-ui ::-webkit-media-controls { display: none; }
.plyr__controls .plyr__controls__item.plyr__progress__container:first-
child, .plyr__controls .plyr__controls__item.plyr__time
+ .plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child
{ padding-left: 0px; }
.plyr__menu__container .plyr__control--forward.plyr__tab-
focus::after, .plyr__menu__container .plyr__control--forward:hover::after { border-
left-color: currentcolor; }
.plyr__menu__container .plyr__control--back.plyr__tab-
focus::after, .plyr__menu__container .plyr__control--back:hover::after { border-
right-color: currentcolor; }
.plyr__menu__container .plyr__control[role="menuitemradio"][aria-
checked="true"]::before { background: var(--plyr-control-toggle-checked-
background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))); }
.plyr__menu__container .plyr__control[role="menuitemradio"][aria-
checked="true"]::after { opacity: 1; transform: translateY(-50%) scale(1); }
.plyr__menu__container .plyr__control[role="menuitemradio"].plyr__tab-
focus::before, .plyr__menu__container .plyr__control[role="menuitemradio"]:hover::b
efore { background: rgba(35, 40, 47, 0.1); }
.plyr--full-ui input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track {
outline-color: var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-
main,#00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; }
.plyr__poster { background-color: var(--plyr-video-background,var(--plyr-video-
background,#000)); background-position: 50% 50%; background-repeat: no-repeat;
background-size: contain; height: 100%; left: 0px; opacity: 0; position: absolute;
top: 0px; transition: opacity 0.2s ease 0s; width: 100%; z-index: 1; }
.plyr .plyr__control.plyr__tab-
focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--
visible { opacity: 1; transform: translate(-50%, 0px) scale(1); }
.plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track
{ background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-
progress-buffered-background,rgba(193,200,209,0.6))); }
.plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track
{ background-color: var(--plyr-video-range-track-background,var(--plyr-video-
progress-buffered-background,rgba(255,255,255,0.25))); }
.plyr__ads > div, .plyr__ads > div iframe { height: 100%; position: absolute;
width: 100%; }
.plyr__preview-scrubbing--is-shown { opacity: 1; }
.plyr__preview-scrubbing img { height: 100%; left: 0px; max-height: none; max-
width: none; object-fit: contain; position: absolute; top: 0px; width: 100%; }
.plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; border: 0px !
important; height: 1px !important; padding: 0px !important; position: absolute !
important; width: 1px !important; }
@charset "utf-8";
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-
bottom: 0.5rem; font-weight: 500; line-height: 1.2; }
dt { font-weight: 700; }
kbd { padding: 0.2rem 0.4rem; font-size: 0.875em; color: rgb(255, 255, 255);
background-color: rgb(39, 43, 48); border-radius: 0.2rem; }
th { text-align: -webkit-match-parent; }
select:disabled { opacity: 1; }
[type="button"]:not(:disabled), [type="reset"]:not(:disabled),
[type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; }
legend { float: left; width: 100%; padding: 0px; margin-bottom: 0.5rem; font-size:
calc(1.275rem + 0.3vw); line-height: inherit; }
@media (min-width: 1200px) {
legend { font-size: 1.5rem; }
}
.form-control:hover:not(:disabled):not(:read-only)::file-selector-button
{ background-color: rgb(221, 224, 227); }
.form-control:hover:not(:disabled):not(:read-only)::-webkit-file-upload-button
{ background-color: rgb(221, 224, 227); }
.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm
{ padding-right: 0px; padding-left: 0px; }
.form-select { display: block; width: 100%; padding: 0.75rem 3rem 0.75rem 1rem;
font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(39, 43, 48);
background-color: rgb(255, 255, 255); background-image: url("data:image/svg+xml,
%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none'
stroke='%233a3f44' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'
d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-
position: right 1rem center; background-size: 16px 12px; border: 1px solid rgb(206,
212, 218); border-radius: 0.25rem; appearance: none; }
.form-check-input:checked[type="checkbox"] { background-image:
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20
20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-
linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); }
.form-check-input:checked[type="radio"] { background-image:
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8
8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); }
.form-floating > label { position: absolute; top: 0px; left: 0px; height: 100%;
padding: 1rem; pointer-events: none; border: 1px solid transparent; transform-
origin: 0px 0px; transition: opacity 0.1s ease-in-out 0s, transform 0.1s ease-in-
out 0s, -webkit-transform 0.1s ease-in-out 0s; }
.form-select.is-valid:not([multiple]):not([size]), .form-select.is-
valid:not([multiple])[size="1"], .was-validated .form-
select:valid:not([multiple]):not([size]), .was-validated .form-
select:valid:not([multiple])[size="1"] { padding-right: 5.5rem; background-image:
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16
16'%3e%3cpath fill='none' stroke='%233a3f44' stroke-linecap='round' stroke-
linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8
8'%3e%3cpath fill='%2362c462' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4
3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-position: right 1rem center, right 3rem center; background-size: 16px
12px, calc(0.75em + 0.75rem) calc(0.75em + 0.75rem); }
.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-
invalid:not([multiple])[size="1"], .was-validated .form-
select:invalid:not([multiple]):not([size]), .was-validated .form-
select:invalid:not([multiple])[size="1"] { padding-right: 5.5rem; background-image:
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16
16'%3e%3cpath fill='none' stroke='%233a3f44' stroke-linecap='round' stroke-
linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12
12' width='12' height='12' fill='none' stroke='%23ee5f5b'%3e%3ccircle cx='6' cy='6'
r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle
cx='6' cy='8.2' r='.6' fill='%23ee5f5b' stroke='none'/%3e%3c/svg%3e"); background-
position: right 1rem center, right 3rem center; background-size: 16px 12px,
calc(0.75em + 0.75rem) calc(0.75em + 0.75rem); }
.btn-info { color: rgb(255, 255, 255); background-color: rgb(91, 192, 222); border-
color: rgb(91, 192, 222); }
.btn-group-lg > .btn, .btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; border-
radius: 0.3rem; }
.fade:not(.show) { opacity: 0; }
.collapsing { height: 0px; overflow: hidden; transition: height 0.35s ease 0s; }
.dropdown-menu-start { --bs-position:start; }
.dropdown-menu-end { --bs-position:end; }
.dropdown-item { display: block; width: 100%; padding: 0.25rem 1rem; clear: both;
font-weight: 400; color: rgb(170, 170, 170); text-align: inherit; text-decoration:
none; white-space: nowrap; background-color: transparent; border: 0px; }
.btn-group-vertical > .btn, .btn-group > .btn { position: relative; flex: 1 1 auto;
}
.nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-
style: none; }
.nav-link { display: block; padding: 0.5rem 1rem; color: rgb(255, 255, 255); text-
decoration: none; transition: color 0.15s ease-in-out 0s, background-color 0.15s
ease-in-out 0s, border-color 0.15s ease-in-out 0s; }
.nav-tabs .nav-link { margin-bottom: -1px; background: 0px 0px; border: 1px solid
transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar
> .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar
> .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-
content: space-between; }
.accordion-button:not(.collapsed)::after { background-image:
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16
16' fill='%2334393d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708
0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1
0-.708z'/%3e%3c/svg%3e"); transform: rotate(-180deg); }
.accordion-button:hover { z-index: 2; }
.page-link { position: relative; display: block; color: rgb(255, 255, 255); text-
decoration: none; background-color: transparent; border: 1px solid rgba(0, 0, 0,
0.6); transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out
0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.alert { position: relative; padding: 1rem; margin-bottom: 1rem; border: 1px solid
transparent; border-radius: 0.25rem; }
.alert-dark { color: rgb(23, 26, 29); background-color: rgb(212, 213, 214); border-
color: rgb(190, 191, 193); }
@-webkit-keyframes progress-bar-stripes {
0% { background-position-x: 1rem; }
}
@keyframes progress-bar-stripes {
0% { background-position-x: 1rem; }
}
.list-group-item-primary.list-group-item-action:focus, .list-group-item-
primary.list-group-item-action:hover { color: rgb(35, 38, 41); background-color:
rgb(194, 195, 196); }
.list-group-item-secondary.list-group-item-action:focus, .list-group-item-
secondary.list-group-item-action:hover { color: rgb(73, 78, 82); background-color:
rgb(205, 207, 208); }
.list-group-item-success.list-group-item-action:focus, .list-group-item-
success.list-group-item-action:hover { color: rgb(59, 118, 59); background-color:
rgb(202, 219, 202); }
.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-
group-item-action:hover { color: rgb(55, 115, 133); background-color: rgb(200, 218,
223); }
.list-group-item-warning.list-group-item-action:focus, .list-group-item-
warning.list-group-item-action:hover { color: rgb(149, 89, 4); background-color:
rgb(229, 211, 185); }
.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-
group-item-action:hover { color: rgb(143, 57, 55); background-color: rgb(227, 201,
200); }
.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-
group-item-action:hover { color: rgb(140, 142, 143); background-color: rgb(226,
226, 227); }
.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-
group-item-action:hover { color: rgb(23, 26, 29); background-color: rgb(191, 192,
193); }
.btn-close:focus { outline: 0px; box-shadow: rgba(58, 63, 68, 0.25) 0px 0px 0px
0.25rem; opacity: 1; }
.toast:not(.showing):not(.show) { opacity: 0; }
.modal { position: fixed; top: 0px; left: 0px; z-index: 1060; display: none; width:
100%; height: 100%; overflow: hidden; outline: 0px; }
.modal-backdrop { position: fixed; top: 0px; left: 0px; z-index: 1040; width:
100vw; height: 100vh; background-color: rgb(0, 0, 0); }
.modal-backdrop.fade { opacity: 0; }
.tooltip { position: absolute; z-index: 1080; display: block; margin: 0px; font-
family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-
height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-
transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal;
white-space: normal; line-break: auto; font-size: 0.875rem; overflow-wrap: break-
word; opacity: 0; }
.popover { position: absolute; top: 0px; left: 0px; z-index: 1070; display: block;
max-width: 276px; font-family: var(--bs-font-sans-serif); font-style: normal; font-
weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-
shadow: none; text-transform: none; letter-spacing: normal; word-break: normal;
word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem;
overflow-wrap: break-word; background-color: rgb(50, 56, 62); background-clip:
padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; }
.active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end)
{ transform: translateX(-100%); }
@-webkit-keyframes spinner-border {
100% { transform: rotate(360deg); }
}
@keyframes spinner-border {
100% { transform: rotate(360deg); }
}
@-webkit-keyframes spinner-grow {
0% { transform: scale(0); }
50% { opacity: 1; transform: none; }
}
@keyframes spinner-grow {
0% { transform: scale(0); }
50% { opacity: 1; transform: none; }
}
.offcanvas-start { top: 0px; left: 0px; width: 400px; border-right: 1px solid
rgba(0, 0, 0, 0.2); transform: translateX(-100%); }
.offcanvas-end { top: 0px; right: 0px; width: 400px; border-left: 1px solid rgba(0,
0, 0, 0.2); transform: translateX(100%); }
.offcanvas-top { top: 0px; right: 0px; left: 0px; height: 30vh; max-height: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.2); transform: translateY(-100%); }
.offcanvas-bottom { right: 0px; left: 0px; height: 30vh; max-height: 100%; border-
top: 1px solid rgba(0, 0, 0, 0.2); transform: translateY(100%); }
.ratio > * { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.ratio-1x1 { --bs-aspect-ratio:100%; }
.fixed-top { position: fixed; top: 0px; right: 0px; left: 0px; z-index: 1030; }
.fixed-bottom { position: fixed; right: 0px; bottom: 0px; left: 0px; z-index: 1030;
}
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within)
{ position: absolute !important; width: 1px !important; height: 1px !important;
padding: 0px !important; margin: -1px !important; overflow: hidden !important;
clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border:
0px !important; }
@media print {
.d-print-inline { display: inline !important; }
.d-print-inline-block { display: inline-block !important; }
.d-print-block { display: block !important; }
.d-print-grid { display: grid !important; }
.d-print-table { display: table !important; }
.d-print-table-row { display: table-row !important; }
.d-print-table-cell { display: table-cell !important; }
.d-print-flex { display: flex !important; }
.d-print-inline-flex { display: inline-flex !important; }
.d-print-none { display: none !important; }
}
.navbar { border: 1px solid rgba(0, 0, 0, 0.6); text-shadow: rgba(0, 0, 0, 0.3) 1px
1px 1px; }
.navbar .nav-link { padding: 1rem; border-left: 1px solid rgba(255, 255, 255, 0.1);
border-right: 1px solid rgba(0, 0, 0, 0.2); }
.btn-primary:not([disabled]):not(.disabled).active:hover, .btn-
primary:not([disabled]):not(.disabled):active:hover, .btn-
primary:not([disabled]):not(.disabled):focus, .btn-
primary:not([disabled]):not(.disabled):hover { background-image: linear-
gradient(rgb(16, 17, 18), rgb(23, 25, 27) 40%, rgb(27, 30, 32)); filter: none; }
.btn-secondary:not([disabled]):not(.disabled).active, .btn-
secondary:not([disabled]):not(.disabled):active, .btn-
secondary:not([disabled]):not(.disabled):focus, .btn-
secondary:not([disabled]):not(.disabled):hover { background-image: linear-
gradient(rgb(78, 84, 88), rgb(86, 91, 96) 40%, rgb(91, 97, 101)); filter: none; }
.btn-success:not([disabled]):not(.disabled).active, .btn-
success:not([disabled]):not(.disabled):active, .btn-
success:not([disabled]):not(.disabled):focus, .btn-
success:not([disabled]):not(.disabled):hover { background-image: linear-
gradient(rgb(55, 147, 55), rgb(59, 158, 59) 40%, rgb(62, 166, 62)); filter: none; }
.btn-info:not([disabled]):not(.disabled).active, .btn-
info:not([disabled]):not(.disabled):active, .btn-
info:not([disabled]):not(.disabled):focus, .btn-
info:not([disabled]):not(.disabled):hover { background-image: linear-
gradient(rgb(37, 150, 184), rgb(40, 161, 197) 40%, rgb(41, 168, 205)); filter:
none; }
.btn-warning:not([disabled]):not(.disabled).active, .btn-
warning:not([disabled]):not(.disabled):active, .btn-
warning:not([disabled]):not(.disabled):focus, .btn-
warning:not([disabled]):not(.disabled):hover { background-image: linear-
gradient(rgb(158, 95, 4), rgb(173, 103, 4) 40%, rgb(183, 109, 4)); filter: none; }
.btn-danger:not([disabled]):not(.disabled).active, .btn-
danger:not([disabled]):not(.disabled):active, .btn-
danger:not([disabled]):not(.disabled):focus, .btn-
danger:not([disabled]):not(.disabled):hover { background-image: linear-
gradient(rgb(215, 28, 22), rgb(229, 29, 24) 40%, rgb(232, 36, 31)); filter: none; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { text-shadow: rgba(0, 0, 0,
0.3) -1px -1px 0px; }
@charset "utf-8";
@-webkit-keyframes chasing-tail-svg-animation-123321 {
0% { transform: rotateZ(0deg); }
100% { transform: rotateZ(360deg); }
}
@keyframes chasing-tail-svg-animation-123321 {
0% { transform: rotateZ(0deg); }
100% { transform: rotateZ(360deg); }
}
@-webkit-keyframes chasing-tail-circle-animation-123321 {
0%, 25% { stroke-dashoffset: 280; transform: rotate(0deg); }
50%, 75% { stroke-dashoffset: 75; transform: rotate(45deg); }
100% { stroke-dashoffset: 280; transform: rotate(360deg); }
}
@keyframes chasing-tail-circle-animation-123321 {
0%, 25% { stroke-dashoffset: 280; transform: rotate(0deg); }
50%, 75% { stroke-dashoffset: 75; transform: rotate(45deg); }
100% { stroke-dashoffset: 280; transform: rotate(360deg); }
}
@-webkit-keyframes chasing-tail-svg-animation-123321 {
0% { transform: rotateZ(0deg); }
100% { transform: rotateZ(360deg); }
}
@keyframes chasing-tail-svg-animation-123321 {
0% { transform: rotateZ(0deg); }
100% { transform: rotateZ(360deg); }
}
@-webkit-keyframes chasing-tail-circle-animation-123321 {
0%, 25% { stroke-dashoffset: 280; transform: rotate(0deg); }
50%, 75% { stroke-dashoffset: 75; transform: rotate(45deg); }
100% { stroke-dashoffset: 280; transform: rotate(360deg); }
}
@keyframes chasing-tail-circle-animation-123321 {
0%, 25% { stroke-dashoffset: 280; transform: rotate(0deg); }
50%, 75% { stroke-dashoffset: 75; transform: rotate(45deg); }
100% { stroke-dashoffset: 280; transform: rotate(360deg); }
}
@-webkit-keyframes chasing-tail-svg-animation-123321-data-v-28716f3d {
0% { transform: rotateZ(0deg); }
100% { transform: rotateZ(360deg); }
}
@keyframes chasing-tail-svg-animation-123321-data-v-28716f3d {
0% { transform: rotateZ(0deg); }
100% { transform: rotateZ(360deg); }
}
@-webkit-keyframes chasing-tail-circle-animation-123321-data-v-28716f3d {
0%, 25% { stroke-dashoffset: 280; transform: rotate(0deg); }
50%, 75% { stroke-dashoffset: 75; transform: rotate(45deg); }
100% { stroke-dashoffset: 280; transform: rotate(360deg); }
}
@keyframes chasing-tail-circle-animation-123321-data-v-28716f3d {
0%, 25% { stroke-dashoffset: 280; transform: rotate(0deg); }
50%, 75% { stroke-dashoffset: 75; transform: rotate(45deg); }
100% { stroke-dashoffset: 280; transform: rotate(360deg); }
}
@-webkit-keyframes chasing-tail-svg-animation-123321-data-v-d0762f48 {
0% { transform: rotateZ(0deg); }
100% { transform: rotateZ(360deg); }
}
@keyframes chasing-tail-svg-animation-123321-data-v-d0762f48 {
0% { transform: rotateZ(0deg); }
100% { transform: rotateZ(360deg); }
}
@-webkit-keyframes chasing-tail-circle-animation-123321-data-v-d0762f48 {
0%, 25% { stroke-dashoffset: 280; transform: rotate(0deg); }
50%, 75% { stroke-dashoffset: 75; transform: rotate(45deg); }
100% { stroke-dashoffset: 280; transform: rotate(360deg); }
}
@keyframes chasing-tail-circle-animation-123321-data-v-d0762f48 {
0%, 25% { stroke-dashoffset: 280; transform: rotate(0deg); }
50%, 75% { stroke-dashoffset: 75; transform: rotate(45deg); }
100% { stroke-dashoffset: 280; transform: rotate(360deg); }
}
#popper .header-content__title.header-content__title--wrapped[data-v-d0762f48]
{ font-size: 15px; max-width: 295px; line-height: 22px; margin: 8px 0px 6px; }
.fade-popper-enter-active[data-v-d0762f48], .fade-popper-leave-active[data-v-
d0762f48] { transition: all 0.45s ease 0s !important; }
.fade-popper-enter[data-v-d0762f48], .fade-popper-leave-to[data-v-d0762f48]
{ transform: translateY(50px) !important; }
@-webkit-keyframes chasing-tail-svg-animation-123321-data-v-6a81eb44 {
0% { transform: rotateZ(0deg); }
100% { transform: rotateZ(360deg); }
}
@keyframes chasing-tail-svg-animation-123321-data-v-6a81eb44 {
0% { transform: rotateZ(0deg); }
100% { transform: rotateZ(360deg); }
}
@-webkit-keyframes chasing-tail-circle-animation-123321-data-v-6a81eb44 {
0%, 25% { stroke-dashoffset: 280; transform: rotate(0deg); }
50%, 75% { stroke-dashoffset: 75; transform: rotate(45deg); }
100% { stroke-dashoffset: 280; transform: rotate(360deg); }
}
@keyframes chasing-tail-circle-animation-123321-data-v-6a81eb44 {
0%, 25% { stroke-dashoffset: 280; transform: rotate(0deg); }
50%, 75% { stroke-dashoffset: 75; transform: rotate(45deg); }
100% { stroke-dashoffset: 280; transform: rotate(360deg); }
}
.popper-action-button--get-arc:hover .hover-arrow__line-path[data-v-6a81eb44]
{ opacity: 1; }
.popper-action-button--get-arc:hover .hover-arrow__tip-path[data-v-6a81eb44]
{ transform: translateX(3px); }
.popper-action-button--learn-more:hover .hover-arrow__line-path[data-v-6a81eb44]
{ opacity: 1; }
.popper-action-button--learn-more:hover .hover-arrow__tip-path[data-v-6a81eb44]
{ transform: translateX(3px); }
@-webkit-keyframes chasing-tail-svg-animation-123321-data-v-4f5018ea {
0% { transform: rotateZ(0deg); }
100% { transform: rotateZ(360deg); }
}
@keyframes chasing-tail-svg-animation-123321-data-v-4f5018ea {
0% { transform: rotateZ(0deg); }
100% { transform: rotateZ(360deg); }
}
@-webkit-keyframes chasing-tail-circle-animation-123321-data-v-4f5018ea {
0%, 25% { stroke-dashoffset: 280; transform: rotate(0deg); }
50%, 75% { stroke-dashoffset: 75; transform: rotate(45deg); }
100% { stroke-dashoffset: 280; transform: rotate(360deg); }
}
@keyframes chasing-tail-circle-animation-123321-data-v-4f5018ea {
0%, 25% { stroke-dashoffset: 280; transform: rotate(0deg); }
50%, 75% { stroke-dashoffset: 75; transform: rotate(45deg); }
100% { stroke-dashoffset: 280; transform: rotate(360deg); }
}
.popper-action-button--opt-in:hover .hover-arrow__line-path[data-v-4f5018ea]
{ opacity: 1; }
.popper-action-button--opt-in:hover .hover-arrow__tip-path[data-v-4f5018ea]
{ transform: translateX(3px); }
@-webkit-keyframes chasing-tail-svg-animation-123321-data-v-1929e6be {
0% { transform: rotateZ(0deg); }
100% { transform: rotateZ(360deg); }
}
@keyframes chasing-tail-svg-animation-123321-data-v-1929e6be {
0% { transform: rotateZ(0deg); }
100% { transform: rotateZ(360deg); }
}
@-webkit-keyframes chasing-tail-circle-animation-123321-data-v-1929e6be {
0%, 25% { stroke-dashoffset: 280; transform: rotate(0deg); }
50%, 75% { stroke-dashoffset: 75; transform: rotate(45deg); }
100% { stroke-dashoffset: 280; transform: rotate(360deg); }
}
@keyframes chasing-tail-circle-animation-123321-data-v-1929e6be {
0%, 25% { stroke-dashoffset: 280; transform: rotate(0deg); }
50%, 75% { stroke-dashoffset: 75; transform: rotate(45deg); }
100% { stroke-dashoffset: 280; transform: rotate(360deg); }
}
@media only screen and (max-width: 395px) {
.arc-iframe-app .popper-body[data-v-1929e6be] { display: flex; flex-direction:
column; justify-content: center; align-items: center; }
.arc-iframe-app .popper-cards[data-v-1929e6be] { padding: 0px 18px; }
.arc-iframe-app .popper-card[data-v-1929e6be] { height: auto; }
}
.popper-action-button--opt-in:hover .hover-arrow__line-path[data-v-1929e6be]
{ opacity: 1; }
.popper-action-button--opt-in:hover .hover-arrow__tip-path[data-v-1929e6be]
{ transform: translateX(3px); }
@-webkit-keyframes chasing-tail-svg-animation-123321-data-v-178d1527 {
0% { transform: rotateZ(0deg); }
100% { transform: rotateZ(360deg); }
}
@keyframes chasing-tail-svg-animation-123321-data-v-178d1527 {
0% { transform: rotateZ(0deg); }
100% { transform: rotateZ(360deg); }
}
@-webkit-keyframes chasing-tail-circle-animation-123321-data-v-178d1527 {
0%, 25% { stroke-dashoffset: 280; transform: rotate(0deg); }
50%, 75% { stroke-dashoffset: 75; transform: rotate(45deg); }
100% { stroke-dashoffset: 280; transform: rotate(360deg); }
}
@keyframes chasing-tail-circle-animation-123321-data-v-178d1527 {
0%, 25% { stroke-dashoffset: 280; transform: rotate(0deg); }
50%, 75% { stroke-dashoffset: 75; transform: rotate(45deg); }
100% { stroke-dashoffset: 280; transform: rotate(360deg); }
}
.popper-action-button--opt-out:hover .hover-arrow__line-path[data-v-178d1527]
{ opacity: 1; }
.popper-action-button--opt-out:hover .hover-arrow__tip-path[data-v-178d1527]
{ transform: translateX(3px); }
.popper-action-button--opt-out[data-v-178d1527]:not(:disabled):hover { background:
rgba(36, 24, 65, 0.88); }
@-webkit-keyframes chasing-tail-svg-animation-123321-data-v-006c9b03 {
0% { transform: rotateZ(0deg); }
100% { transform: rotateZ(360deg); }
}
@keyframes chasing-tail-svg-animation-123321-data-v-006c9b03 {
0% { transform: rotateZ(0deg); }
100% { transform: rotateZ(360deg); }
}
@-webkit-keyframes chasing-tail-circle-animation-123321-data-v-006c9b03 {
0%, 25% { stroke-dashoffset: 280; transform: rotate(0deg); }
50%, 75% { stroke-dashoffset: 75; transform: rotate(45deg); }
100% { stroke-dashoffset: 280; transform: rotate(360deg); }
}
@keyframes chasing-tail-circle-animation-123321-data-v-006c9b03 {
0%, 25% { stroke-dashoffset: 280; transform: rotate(0deg); }
50%, 75% { stroke-dashoffset: 75; transform: rotate(45deg); }
100% { stroke-dashoffset: 280; transform: rotate(360deg); }
}
@-webkit-keyframes chasing-tail-svg-animation-123321 {
0% { transform: rotateZ(0deg); }
100% { transform: rotateZ(360deg); }
}
@keyframes chasing-tail-svg-animation-123321 {
0% { transform: rotateZ(0deg); }
100% { transform: rotateZ(360deg); }
}
@-webkit-keyframes chasing-tail-circle-animation-123321 {
0%, 25% { stroke-dashoffset: 280; transform: rotate(0deg); }
50%, 75% { stroke-dashoffset: 75; transform: rotate(45deg); }
100% { stroke-dashoffset: 280; transform: rotate(360deg); }
}
@keyframes chasing-tail-circle-animation-123321 {
0%, 25% { stroke-dashoffset: 280; transform: rotate(0deg); }
50%, 75% { stroke-dashoffset: 75; transform: rotate(45deg); }
100% { stroke-dashoffset: 280; transform: rotate(360deg); }
}
@charset "windows-1252";
@charset "utf-8";
a { background-color: transparent; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-
button { height: auto; }