/* layer: external fonts */

@import url(https://fonts.googleapis.com/css2?family=Mukta&display=swap);

/* layer: shortcuts */

.dsv1 .dsv1__BagItem {
    position: relative;
    margin-bottom: 1rem;
    display: flex;
    list-style-type: none;
    border-bottom-width: 2px;
    border-style: solid;
    --un-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--un-border-opacity));
    border-style: dashed;
    padding-bottom: 1rem;
}

.dsv1 .dsv1__BagItem__ThumbnailWrapper {
    position: relative;
    width: 6rem;
    height: 6rem;
    overflow: hidden;
    border-radius: 0.75rem;
}

.dsv1 .dsv1__BagItem__ThumbnailWrapper__QuantitySelect {
    position: absolute;
    top: 0rem;
    left: 0rem;
    display: inline-block;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    border-bottom-right-radius: 0.75rem;
    border-style: none;
    --un-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--un-bg-opacity));
    background-image: none;
    padding: 0.5rem;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 600;
    --un-text-opacity: 1;
    color: rgba(255, 255, 255, var(--un-text-opacity));
}

.dsv1 .dsv1__Dropdown__Menu,
.dsv1 .dsv1__ToolbarNavigation,
.dsv1 .dsv1__Datepicker__TableHead__HeaderButtons__DayMonthSelect,
.dsv1 .dsv1__MultiSelectOption,
.dsv1 .dsv1__ToolbarNavigation__Select,
.dsv1 .dsv1__MultiSelectOption__active,
.dsv1 .dsv1__Input__Wrapper__Inner__Input:focus,
.dsv1 .dsv1__ToolbarNavigation__Input,
.dsv1 .dsv1__ToolbarNavigation__Input__InnerInput,
.dsv1 .dsv1__ToolbarNavigation__Input__InnerInput:focus,
.dsv1 .dsv1__MultiSelectOption:active {
    --un-shadow-inset: var(--un-empty, /*!*/
    /*!*/
    );
    --un-shadow: 0 0 #0000;
}

.dsv1 .dsv1__Dropdown__Menu {
    position: absolute;
    z-index: 10;
    margin-top: 0.25rem;
    overflow: hidden;
    border-left-width: 1px;
    border-style: solid;
    border-right-width: 1px;
    --un-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--un-border-opacity));
    border-radius: 0.5rem;
    --un-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--un-bg-opacity));
    --un-text-opacity: 1;
    color: rgba(0, 0, 0, var(--un-text-opacity));
    --un-shadow: var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgba(0, 0, 0, 0.1)), var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgba(0, 0, 0, 0.1));
    box-shadow: var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow);
}

.dsv1 .dsv1__ItemTile {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: none;
    display: flex;
    flex-direction: row;
    user-select: none;
    overflow: hidden;
    border-right-width: 1px;
    border-style: solid;
    border-radius: 0.5rem;
    border-style: none;
    --un-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--un-bg-opacity));
    text-align: left;
    --un-text-opacity: 1;
    color: rgba(255, 255, 255, var(--un-text-opacity));
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.dsv1 .dsv1__ItemTile__Overlay {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    cursor: pointer;
    --un-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--un-bg-opacity));
    opacity: 0;
}

.dsv1 .dsv1__ItemTile__TextWrapper {
    position: relative;
    margin-left: 2rem;
    margin-right: 1rem;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.dsv1 .dsv1__ItemTile__TextWrapper__Edge {
    position: absolute;
    top: -3rem;
    width: 100%;
    height: 3rem;
    fill: currentColor;
    --un-text-opacity: 1;
    color: rgba(55, 65, 81, var(--un-text-opacity));
}

.dsv1 .dsv1__Toggle {
    position: relative;
    height: 1.5rem;
    width: 2.75rem;
    display: inline-flex;
    flex-shrink: 0;
    cursor: pointer;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    border-radius: 0.5rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 200ms;
}

.dsv1 .dsv1__ToolbarNavigation {
    position: sticky;
    top: 0rem;
    --un-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--un-bg-opacity));
    --un-text-opacity: 1;
    color: rgba(255, 255, 255, var(--un-text-opacity));
    --un-shadow: var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgba(0, 0, 0, 0.1)), var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgba(0, 0, 0, 0.1));
    box-shadow: var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow);
}

.dsv1 .dsv1__OpenBagButton {
    bottom: 0rem;
    left: 0rem;
    z-index: 20;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 1.5rem;
    --un-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--un-bg-opacity));
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.5rem;
    line-height: 2rem;
    --un-text-opacity: 1;
    color: rgba(255, 255, 255, var(--un-text-opacity));
}

.dsv1 .dsv1__Toast {
    top: 1.5rem;
    right: 1.5rem;
    z-index: 40;
    width: 15rem;
    display: flex;
    align-items: center;
    border-left-width: 8px;
    border-style: solid;
    border-radius: 0.5rem;
    --un-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--un-bg-opacity));
    padding: 1rem;
    --un-text-opacity: 1;
    color: rgba(255, 255, 255, var(--un-text-opacity));
}

.dsv1 .dsv1__Datepicker__TableHead__HeaderButtons__DayMonthSelects {
    order: 1;
    display: flex;
}

.dsv1 .dsv1__Datepicker__TableHead__HeaderButtons__NextBtn {
    order: 2;
    margin-left: 0.5rem;
}

.dsv1 .dsv1__Datepicker__TableHead__HeaderButtons__PrevBtn {
    order: 0;
    margin-right: 0.5rem;
}

.dsv1 .dsv1__Datepicker__TableHead {
    display: grid;
    grid-template-rows: 2.5rem;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    width: 100%;
    justify-content: center;
    font-weight: 700;
}

.dsv1 .dsv1__Datepicker__TableRow {
    display: grid;
    grid-template-rows: 2.5rem;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    width: 100%;
    justify-content: center;
}

.dsv1 .dsv1__Datepicker__TableHead__HeaderButtons__DayMonthSelect {
    margin: 0.5rem;
    border-radius: 0.5rem;
    border-style: none;
    background-color: transparent;
    background-image: none;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    --un-shadow: 0 0 var(--un-shadow-color, rgba(0, 0, 0, 0));
    box-shadow: var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow);
}

.dsv1 .dsv1__Input__Messages {
    margin-top: 0.125rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --un-text-opacity: 1;
    color: rgba(248, 113, 113, var(--un-text-opacity));
}

.dsv1 .dsv1__ItemTile__TextWrapper__Title {
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.dsv1 .dsv1__MultiSelectOption__StateIcon {
    margin-right: 0.5rem;
    display: inline-block;
}

.dsv1 .dsv1__OpenBagButton__Icon {
    margin-right: 1rem;
}

.dsv1 .dsv1__Radio__Label {
    margin-left: 0.75rem;
    display: block;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
}

.dsv1 .dsv1__ToolbarNavigation__Input__Clear {
    margin-left: 1rem;
    cursor: pointer;
    font-size: 0.75rem;
    line-height: 1rem;
    --un-text-opacity: 1;
    color: rgba(255, 255, 255, var(--un-text-opacity));
}

.dsv1 .dsv1__ToolbarNavigation__Tabs__Tab {
    margin-bottom: 0.5rem;
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    border-bottom-width: 2px;
    border-style: solid;
    border-color: transparent;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
}

.dsv1 .dsv1__Chip {
    display: inline-block;
    --un-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--un-bg-opacity));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.0625rem;
    padding-bottom: 0.0625rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --un-text-opacity: 1;
    color: rgba(255, 255, 255, var(--un-text-opacity));
}

.dsv1 .dsv1__BagItem__ThumbnailWrapper__Thumbnail {
    width: 6rem;
    object-fit: contain;
}

.dsv1 .dsv1__BrandingHeader__Logo {
    max-height: 5rem;
}

.dsv1 .dsv1__Input__Wrapper__Inner__Input,
.dsv1 .dsv1__ToolbarNavigation__Input__InnerInput,
.dsv1 .dsv1__Toggle:focus,
.dsv1 .dsv1__Datepicker__TableHead__HeaderButtons__DayMonthSelect:focus,
.dsv1 .dsv1__Dropdown:focus-within,
.dsv1 .dsv1__Input__Wrapper__Inner:focus-within,
.dsv1 .dsv1__ToolbarNavigation__Select:focus-within {
    --un-ring-inset: var(--un-empty, /*!*/
    /*!*/
    );
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgba(147, 197, 253, 0.5);
}

.dsv1 .dsv1__Input__Wrapper__Inner__Input {
    width: 100%;
    cursor: pointer;
    border-style: none;
    background-color: transparent;
    padding: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    line-height: 1.75rem;
    --un-ring-width: 0px;
    --un-ring-offset-shadow: var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);
    --un-ring-shadow: var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);
    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow, 0 0 #0000);
    font-family: 'Mukta';
}

.dsv1 .dsv1__ItemTile__ProductImage {
    width: 6rem;
    height: 6rem;
    object-fit: cover;
}

.dsv1 .dsv1__Navigation__NavigationItem {
    width: 100%;
    display: flex;
    cursor: pointer;
    align-items: center;
    border-radius: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.dsv1 .dsv1__Navigation__NavigationLogo {
    height: 2rem;
    width: auto;
}

.dsv1 .dsv1__Radio {
    height: 1rem;
    width: 1rem;
    --un-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--un-border-opacity));
    --un-text-opacity: 1;
    color: rgba(124, 58, 237, var(--un-text-opacity));
}

.dsv1 .dsv1__BrandingHeader__Info {
    display: flex;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.dsv1 .dsv1__Datepicker {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.dsv1 .dsv1__Datepicker__TableHead__HeaderButtons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dsv1 .dsv1__Datepicker__TableRow__Day {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.dsv1 .dsv1__Input__Wrapper__Inner {
    display: flex;
    align-items: center;
    border-width: 1px;
    border-style: solid;
    --un-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--un-border-opacity));
    border-radius: 0.5rem;
    --un-text-opacity: 1;
    color: rgba(0, 0, 0, var(--un-text-opacity));
}

.dsv1 .dsv1__MultiSelectOption {
    display: flex;
    cursor: pointer;
    user-select: none;
    align-items: center;
    border-width: 1px;
    border-style: solid;
    --un-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--un-border-opacity));
    border-radius: 0.5rem;
    --un-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--un-bg-opacity));
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1.1rem;
    padding-right: 1.1rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    --un-shadow: var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgba(0, 0, 0, 0.1)), var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgba(0, 0, 0, 0.1));
    box-shadow: var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 100ms;
}

.dsv1 .dsv1__Platter__Footer {
    display: flex;
    justify-content: flex-end;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    --un-bg-opacity: 1;
    background-color: rgba(245, 245, 245, var(--un-bg-opacity));
    padding: 1rem;
}

.dsv1 .dsv1__Dropdown {
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    --un-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--un-border-opacity));
    border-radius: 0.5rem;
    --un-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--un-bg-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    --un-text-opacity: 1;
    color: rgba(0, 0, 0, var(--un-text-opacity));
}

.dsv1 .dsv1__ToolbarNavigation__Select {
    display: inline-flex;
    appearance: none;
    -webkit-appearance: none;
    align-items: center;
    overflow: hidden;
    border-top-width: 1px;
    border-style: solid;
    --un-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--un-border-opacity));
    border-radius: 0.5rem;
    --un-bg-opacity: 0.8;
    background-color: rgba(255, 255, 255, var(--un-bg-opacity));
    padding: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    --un-text-opacity: 1;
    color: rgba(0, 0, 0, var(--un-text-opacity));
    --un-shadow: var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgba(0, 0, 0, 0.05));
    box-shadow: var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow);
    --un-shadow: var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgba(0, 0, 0, 0.1)), var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgba(0, 0, 0, 0.1));
}

.dsv1 .dsv1__DangerButton,
.dsv1 .dsv1__PrimaryButton,
.dsv1 .dsv1__MultiSelectOption__active,
.dsv1 .dsv1__DangerButton:active,
.dsv1 .dsv1__PrimaryButton:active {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
}

.dsv1 .dsv1__DangerButton {
    transform-origin: center;
    transform: var(--un-transform);
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0.5rem;
    --un-bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--un-bg-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    --un-text-opacity: 1;
    color: rgba(255, 255, 255, var(--un-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 100ms;
}

.dsv1 .dsv1__PrimaryButton {
    transform-origin: center;
    transform: var(--un-transform);
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0.5rem;
    --un-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--un-bg-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    --un-text-opacity: 1;
    color: rgba(255, 255, 255, var(--un-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 100ms;
}

.dsv1 .dsv1__MultiSelectOption__active {
    --un-translate-y: -2px;
    transform: var(--un-transform);
    --un-shadow: var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgba(0, 0, 0, 0.1)), var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgba(0, 0, 0, 0.1));
    box-shadow: var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow);
}

.dsv1 .dsv1__DangerButton:active {
    --un-scale-x: 0.9;
    --un-scale-y: 0.9;
    transform: var(--un-transform);
    --un-bg-opacity: 1;
    background-color: rgba(119, 34, 34, var(--un-bg-opacity));
}

.dsv1 .dsv1__PrimaryButton:active {
    --un-scale-x: 0.9;
    --un-scale-y: 0.9;
    transform: var(--un-transform);
    --un-bg-opacity: 1;
    background-color: rgba(62, 29, 118, var(--un-bg-opacity));
}

.dsv1 .dsv1__Checkbox {
    cursor: pointer;
    --un-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--un-border-opacity));
    border-radius: 0.25rem;
    --un-text-opacity: 1;
    color: rgba(124, 58, 237, var(--un-text-opacity));
}

.dsv1 .dsv1__Dropdown__Menu__DropdownItem {
    cursor: pointer;
    padding: 0.5rem;
}

.dsv1 .dsv1__Input__Wrapper__Inner__Input:focus,
.dsv1 .dsv1__ToolbarNavigation__Input__InnerInput:focus {
    cursor: auto;
    --un-shadow: 0 0 var(--un-shadow-color, rgba(0, 0, 0, 0));
    box-shadow: var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.dsv1 .dsv1__SecondaryButton {
    cursor: pointer;
    white-space: nowrap;
    border-radius: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.dsv1 .dsv1__ToolbarNavigation__Input {
    cursor: pointer;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    --un-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--un-border-opacity));
    border-radius: 0.5rem;
    --un-bg-opacity: 0.8;
    background-color: rgba(255, 255, 255, var(--un-bg-opacity));
    --un-text-opacity: 1;
    color: rgba(0, 0, 0, var(--un-text-opacity));
    --un-shadow: var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgba(0, 0, 0, 0.1)), var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgba(0, 0, 0, 0.1));
    box-shadow: var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow);
}

.dsv1 .dsv1__ToolbarNavigation__Input__InnerInput {
    cursor: pointer;
    border-style: none;
    background-color: transparent;
    padding: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    line-height: 1.75rem;
    --un-shadow: 0 0 var(--un-shadow-color, rgba(0, 0, 0, 0));
    box-shadow: var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow);
    --un-ring-width: 0px;
    --un-ring-offset-shadow: var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);
    --un-ring-shadow: var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);
    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow, 0 0 #0000);
}

.dsv1 .dsv1__Table__Tbody>:not([hidden])~:not([hidden]) {
    --un-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--un-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--un-divide-y-reverse));
}

.dsv1 .dsv1__Table__Thead {
    white-space: nowrap;
    text-transform: uppercase;
}

.dark .dsv1 .dsv1__Dropdown__Menu {
    border-width: 1px;
    border-style: solid;
    --un-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--un-border-opacity));
    --un-bg-opacity: 1;
    background-color: rgba(23, 23, 23, var(--un-bg-opacity));
    --un-text-opacity: 1;
    color: rgba(255, 255, 255, var(--un-text-opacity));
}

.dark .dsv1 .dsv1__Platter__Footer {
    border-width: 2px;
    border-style: solid;
    border-top-width: 0px;
    --un-border-opacity: 1;
    border-color: rgba(38, 38, 38, var(--un-border-opacity));
    --un-bg-opacity: 1;
    background-color: rgba(23, 23, 23, var(--un-bg-opacity));
}

.dsv1 .dsv1__Navigation {
    border-width: 1px;
    border-style: solid;
    --un-border-opacity: 1;
    border-color: rgba(212, 212, 212, var(--un-border-opacity));
    border-radius: 0rem;
    --un-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--un-bg-opacity));
    --un-text-opacity: 1;
    color: rgba(0, 0, 0, var(--un-text-opacity));
}

.dsv1 .dsv1__Platter {
    border-width: 1px;
    border-style: solid;
    --un-border-opacity: 1;
    border-color: rgba(212, 212, 212, var(--un-border-opacity));
    border-radius: 0.5rem;
    --un-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--un-bg-opacity));
    --un-text-opacity: 1;
    color: rgba(0, 0, 0, var(--un-text-opacity));
}

.dark .dsv1 .dsv1__BagItem {
    --un-border-opacity: 1;
    border-color: rgba(75, 85, 99, var(--un-border-opacity));
}

.dark .dsv1 .dsv1__Dropdown,
.dark .dsv1 .dsv1__Input__Wrapper__Inner {
    --un-border-opacity: 1;
    border-color: rgba(17, 24, 39, var(--un-border-opacity));
    border-color: rgba(75, 85, 99, var(--un-border-opacity));
    --un-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--un-bg-opacity));
    --un-text-opacity: 1;
    color: rgba(255, 255, 255, var(--un-text-opacity));
}

.dark .dsv1 .dsv1__MultiSelectOption {
    border-color: transparent;
    --un-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--un-bg-opacity));
}

.dark .dsv1 .dsv1__Navigation,
.dark .dsv1 .dsv1__Platter {
    --un-border-opacity: 1;
    border-color: rgba(82, 82, 82, var(--un-border-opacity));
    border-style: none;
    --un-bg-opacity: 1;
    background-color: rgba(38, 38, 38, var(--un-bg-opacity));
    --un-text-opacity: 1;
    color: rgba(255, 255, 255, var(--un-text-opacity));
    box-shadow: 0 10px 2rem #0a0a0a;
}

.dsv1 .dsv1__Toast__error {
    --un-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--un-border-opacity));
}

.dsv1 .dsv1__Toast__neutral {
    --un-border-opacity: 1;
    border-color: rgba(14, 165, 233, var(--un-border-opacity));
}

.dsv1 .dsv1__Toast__success {
    --un-border-opacity: 1;
    border-color: rgba(34, 197, 94, var(--un-border-opacity));
}

.dsv1 .dsv1__ToolbarNavigation__Input:focus {
    --un-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--un-border-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.dsv1 .dsv1__ToolbarNavigation__Tabs__Tab__active {
    --un-border-opacity: 1;
    border-color: rgba(124, 58, 237, var(--un-border-opacity));
}

.dsv1 .dsv1__Toggle__ToggleCenter {
    border-radius: 0.5rem;
    --un-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--un-bg-opacity));
}

.dsv1 .dsv1__Input__Wrapper__Inner__Prefix {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    --un-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--un-bg-opacity));
    padding: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    line-height: 1.75rem;
}

.dsv1 .dsv1__Input__Wrapper__Inner__Suffix {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    --un-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--un-bg-opacity));
    padding: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    line-height: 1.75rem;
}

.dark .dsv1 .dsv1__Dropdown__Menu__DropdownItem:hover {
    --un-bg-opacity: 1;
    background-color: rgba(34, 34, 34, var(--un-bg-opacity));
    --un-text-opacity: 1;
    color: rgba(255, 255, 255, var(--un-text-opacity));
}

.dark .dsv1 .dsv1__Input__Wrapper__Inner__Prefix,
.dark .dsv1 .dsv1__Input__Wrapper__Inner__Suffix {
    --un-bg-opacity: 1;
    background-color: rgba(75, 85, 99, var(--un-bg-opacity));
    --un-text-opacity: 1;
    color: rgba(255, 255, 255, var(--un-text-opacity));
}

.dark .dsv1 .dsv1__ItemTile,
.dark .dsv1 .dsv1__Table__Thead__Tr,
.dark .dsv1 .dsv1__Toast {
    --un-bg-opacity: 1;
    background-color: rgba(55, 65, 81, var(--un-bg-opacity));
}

.dark .dsv1 .dsv1__Navigation__NavigationItem:hover,
.dark .dsv1 .dsv1__Dropdown__Menu__DropdownItem:active {
    --un-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--un-bg-opacity));
}

.dark .dsv1 .dsv1__Page {
    --un-bg-opacity: 1;
    background-color: rgba(23, 23, 23, var(--un-bg-opacity));
    --un-text-opacity: 1;
    color: rgba(255, 255, 255, var(--un-text-opacity));
}

.dark .dsv1 .dsv1__SecondaryButton:hover {
    --un-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--un-bg-opacity));
    --un-bg-opacity: 0.2;
}

.dark .dsv1 .dsv1__Toggle__inactive {
    --un-bg-opacity: 1;
    background-color: rgba(156, 163, 175, var(--un-bg-opacity));
}

.dsv1 .dsv1__DangerButton:hover {
    --un-bg-opacity: 1;
    background-color: rgba(191, 54, 54, var(--un-bg-opacity));
}

.dsv1 .dsv1__Datepicker__TableRow__Day__selectable:hover,
.dsv1 .dsv1__Datepicker__TableRow__Day__selected,
.dsv1 .dsv1__Navigation__NavigationItem__current {
    --un-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--un-bg-opacity));
    --un-text-opacity: 1;
    color: rgba(255, 255, 255, var(--un-text-opacity));
}

.dsv1 .dsv1__Dropdown__Menu__DropdownItem__selected {
    --un-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--un-bg-opacity));
    font-weight: 700;
    --un-text-opacity: 1;
    color: rgba(255, 255, 255, var(--un-text-opacity));
}

.dsv1 .dsv1__Dropdown__Menu__DropdownItem__selected:hover,
.dsv1 .dsv1__OpenBagButton:hover,
.dsv1 .dsv1__PrimaryButton:hover {
    --un-bg-opacity: 1;
    background-color: rgba(99, 46, 189, var(--un-bg-opacity));
}

.dsv1 .dsv1__Dropdown__Menu__DropdownItem:hover {
    --un-bg-opacity: 1;
    background-color: rgba(239, 239, 239, var(--un-bg-opacity));
    --un-text-opacity: 1;
    color: rgba(0, 0, 0, var(--un-text-opacity));
}

.dsv1 .dsv1__ItemTile__TextWrapper__Price {
    --un-bg-opacity: 1;
    background-color: rgba(31, 41, 55, var(--un-bg-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --un-text-opacity: 1;
    color: rgba(0, 213, 0, var(--un-text-opacity));
    color: rgba(187, 247, 208, var(--un-text-opacity));
}

.dsv1 .dsv1__Navigation__NavigationItem__current:hover {
    --un-bg-opacity: 1 !important;
    background-color: rgba(124, 58, 237, var(--un-bg-opacity)) !important;
}

.dsv1 .dsv1__Navigation__NavigationItem:hover {
    --un-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--un-bg-opacity));
}

.dsv1 .dsv1__Page {
    --un-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--un-bg-opacity));
    --un-text-opacity: 1;
    color: rgba(0, 0, 0, var(--un-text-opacity));
    font-family: 'Mukta';
}

.dsv1 .dsv1__SecondaryButton:hover {
    --un-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--un-bg-opacity));
    --un-bg-opacity: 0.2;
}

.dsv1 .dsv1__Table__Thead__Tr,
.dsv1 .dsv1__Toggle__inactive {
    --un-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--un-bg-opacity));
}

.dsv1 .dsv1__Toggle__active {
    --un-bg-opacity: 1;
    background-color: rgba(124, 58, 237, var(--un-bg-opacity));
}

.dsv1 .dsv1__Dropdown__Menu__DropdownItem:active {
    --un-bg-opacity: 1;
    background-color: rgba(204, 204, 204, var(--un-bg-opacity));
}

.dsv1 .dsv1__OpenBagButton:active {
    --un-bg-opacity: 1;
    background-color: rgba(62, 29, 118, var(--un-bg-opacity));
}

.dark .dsv1 .dsv1__SecondaryButton:active,
.dsv1 .dsv1__SecondaryButton:active {
    --un-bg-opacity: 0.15;
}

.dsv1 .dsv1__Navigation__NavigationUser,
.dsv1 .dsv1__Platter__Body {
    padding: 1rem;
}

.dsv1 .dsv1__ToolbarNavigation__Input__Prefix,
.dsv1 .dsv1__ToolbarNavigation__Input__Suffix {
    padding: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    line-height: 1.75rem;
}

.dsv1 .dsv1__Table__Tbody__Tr__Td {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.dsv1 .dsv1__Table__Thead__Tr__Th {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.dsv1 .dsv1__Money,
.dsv1 .dsv1__MoneyAddon {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-weight: 700;
    --un-text-opacity: 1;
    color: rgba(22, 163, 74, var(--un-text-opacity));
}

.dsv1 .dsv1__Money__negative,
.dsv1 .dsv1__MoneyAddon__negative {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --un-text-opacity: 1;
    color: rgba(239, 68, 68, var(--un-text-opacity));
}

.dsv1 .dsv1__BrandingHeader__BrandName,
.dsv1 .dsv1__Heading2 {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.dsv1 .dsv1__Heading3 {
    font-size: 1.5rem;
    line-height: 2rem;
}

.dsv1 .dsv1__Input__Help {
    font-size: 0.875rem;
    line-height: 1.25rem;
    opacity: 0.6;
}

.dsv1 .dsv1__Input__Wrapper__Label,
.dsv1 .dsv1__Navigation__NavigationUser__NavigationUserOrg {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.dsv1 .dsv1__Navigation__NavigationUser__NavigationUserEmail {
    font-size: 0.75rem;
    line-height: 1rem;
    opacity: 0.5;
}

.dsv1 .dsv1__Table {
    font-size: 0.75rem;
    line-height: 1rem;
}

.dsv1 .dsv1__Heading1 {
    font-size: 2.5rem;
}

.dark .dsv1 .dsv1__Checkbox {
    --un-text-opacity: 1;
    color: rgba(124, 58, 237, var(--un-text-opacity));
}

.dark .dsv1 .dsv1__Datepicker__TableHead__HeaderButtons__DayMonthSelect,
.dark .dsv1 .dsv1__Input__Wrapper__Inner__Input {
    --un-text-opacity: 1;
    color: rgba(255, 255, 255, var(--un-text-opacity));
}

.dark .dsv1 .dsv1__Money,
.dark .dsv1 .dsv1__MoneyAddon {
    --un-text-opacity: 1;
    color: rgba(74, 222, 128, var(--un-text-opacity));
}

.dsv1 .dsv1__ImageUploader__ClearTrigger {
    --un-text-opacity: 1;
    color: rgba(239, 68, 68, var(--un-text-opacity));
}

.dsv1 .dsv1__Link {
    --un-text-opacity: 1;
    color: rgba(96, 165, 250, var(--un-text-opacity));
    text-decoration-line: underline;
    text-underline-offset: 6px;
}

.dsv1 .dsv1__Datepicker__TableRow__Day__unselectable {
    opacity: 0.25;
}

.dsv1 .dsv1__IconButton:hover {
    opacity: 0.5;
}

.dsv1 .dsv1__ItemTile__Overlay:hover {
    opacity: 0.2;
}

.dsv1 .dsv1__ItemTile__Overlay:active {
    opacity: 0.1;
}

.dsv1 .dsv1__MultiSelectOption:active {
    --un-shadow: 0 0 var(--un-shadow-color, rgba(0, 0, 0, 0));
    box-shadow: var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow);
}

.dsv1 .dsv1__OpenBagButton:focus,
.dsv1 .dsv1__SecondaryButton:focus,
.dsv1 .dsv1__ToolbarNavigation__Select:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.dsv1 .dsv1__Toggle:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --un-ring-width: 2px;
    --un-ring-offset-shadow: var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);
    --un-ring-shadow: var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);
    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow, 0 0 #0000);
    --un-ring-offset-width: 2px;
    --un-ring-opacity: 1;
    --un-ring-color: rgba(124, 58, 237, var(--un-ring-opacity));
}

.dsv1 .dsv1__Datepicker__TableHead__HeaderButtons__DayMonthSelect:focus {
    --un-ring-width: 0px;
    --un-ring-offset-shadow: var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);
    --un-ring-shadow: var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);
    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow, 0 0 #0000);
}

.dsv1 .dsv1__Dropdown:focus-within,
.dsv1 .dsv1__ToolbarNavigation__Select:focus-within {
    --un-ring-width: 2px;
    --un-ring-offset-shadow: var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);
    --un-ring-shadow: var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);
    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow, 0 0 #0000);
    --un-ring-opacity: 1;
    --un-ring-color: rgba(124, 58, 237, var(--un-ring-opacity));
}

.dsv1 .dsv1__Input__Wrapper__Inner:focus-within {
    --un-ring-width: 1px;
    --un-ring-offset-shadow: var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);
    --un-ring-shadow: var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);
    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow, 0 0 #0000);
    --un-ring-opacity: 1;
    --un-ring-color: rgba(2, 117, 255, var(--un-ring-opacity));
}

.dsv1 .dsv1__Checkbox:focus,
.dsv1 .dsv1__Radio:focus {
    --un-ring-opacity: 1;
    --un-ring-color: rgba(124, 58, 237, var(--un-ring-opacity));
}

@media (min-width: 640px) {
    .dsv1 .dsv1__OpenBagButton {
        border-radius: 0.5rem;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 768px) {
    .dsv1 .dsv1__ItemTile__TextWrapper {
        margin: 0rem;
        align-items: center;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        padding-top: 1.25rem;
    }
    .dsv1 .dsv1__ItemTile__TextWrapper__Price {
        margin-bottom: 0.5rem;
    }
    .dsv1 .dsv1__ItemTile {
        max-width: 15rem;
        flex-direction: column;
        text-align: center;
    }
    .dsv1 .dsv1__ItemTile__ProductImage {
        max-height: 100%;
        height: 100%;
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .dsv1 .dsv1__BrandingHeader__BrandName {
        font-size: 3rem;
        line-height: 1;
    }
}