@charset "utf-8";



:root { --st-add-icon-color: #121212; --st-added-icon-color: #dc2626; --st-loading-icon-color: #6b7280; --st-add-icon-background-color: transparent; --st-added-icon-background-color: transparent; --st-atc-button-border-radius: 8px; --st-atc-button-color: #ffffff; --st-atc-button-background-color: #111111; }



#st_wishlist_icons { display: none; }



.st-wishlist-initialized .st-wishlist-button { display: flex; }



.st-wishlist-button:not([data-type="details"]) { --colorTextBody: var(--st-add-icon-color) !important; }



.st-wishlist-button.st-is-added:not([data-type="details"]) { --colorTextBody: var(--st-added-icon-color) !important; }



.st-wishlist-button.st-is-loading:not([data-type="details"]) { --colorTextBody: var(--st-loading-icon-color) !important; }



.st-wishlist-loading-icon { color: var(--st-loading-icon-color) !important; fill: var(--st-loading-icon-color) !important; }



.st-wishlist-button:not([data-type="details"]) .st-wishlist-icon { color: var(--st-add-icon-color) !important; fill: var(--st-add-icon-color) !important; }



.st-wishlist-button:not([data-type="details"]) .st-wishlist-icon use { fill: var(--st-add-icon-color) !important; }



.st-wishlist-button.st-is-added:not([data-type="details"]) .st-wishlist-icon { color: var(--st-added-icon-color) !important; fill: var(--st-added-icon-color) !important; }



.st-wishlist-button.st-is-added:not([data-type="details"]) .st-wishlist-icon use { fill: var(--st-added-icon-color) !important; }



.st-wishlist-button.st-is-loading:not([data-type="details"]) .st-wishlist-icon { color: var(--st-loading-icon-color) !important; fill: var(--st-loading-icon-color) !important; }



.st-wishlist-button.st-is-loading:not([data-type="details"]) .st-wishlist-icon use { fill: var(--st-loading-icon-color) !important; }



.st-wishlist-initialized {

  & .st-wishlist-details-button--header-icon, & .st-wishlist-details-button { display: flex; }

}



.st-initialized.st-wishlist-details-button--header-icon, .st-initialized.st-wishlist-details-button { display: flex; }



.st-wishlist-details-button { cursor: pointer; }



.st-wishlist-details-button:not([data-custom-icon="true"]):not([data-swishlist-had-custom-icon-at-mark="1"]) { --colorTextBody: var(--icon-color) !important; }



.st-wishlist-details-button:not([data-custom-icon="true"]):not([data-swishlist-had-custom-icon-at-mark="1"]) .st-wishlist-icon { color: var(--icon-color); fill: var(--icon-color); }



.st-wishlist-details-button:not([data-custom-icon="true"]):not([data-swishlist-had-custom-icon-at-mark="1"]) .st-wishlist-icon use { fill: var(--icon-color) !important; }



.st-popup { position: fixed; inset: 0px; z-index: 9999; display: flex; align-items: center; justify-content: center; pointer-events: none; }



.st-popup_overlay { position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.4); pointer-events: auto; }



.st-popup_box { position: relative; pointer-events: auto; background-color: rgb(255, 255, 255); color: rgb(32, 34, 35); min-width: min(420px, 92vw); max-width: 520px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.14) 0px 24px 48px; }



.st-popup_box header { margin-bottom: 12px; }



.st-popup_box header .st-h3 { font-size: 18px; font-weight: 600; }



.st-popup_box main { margin: 8px 0px 16px; }



.st-popup_box footer { margin-top: 4px; opacity: 1 !important; transform: none !important; transition: none !important; }



.st-popup_box .st-close-button { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; cursor: pointer; padding: 0px; color: rgb(140, 145, 150); }



.st-popup_box .st-close-button:hover { color: rgb(32, 34, 35); }



.st-popup--create-wishlist label, .st-popup--manage-wishlist label { display: block; margin-bottom: 6px; font-size: 13px; color: rgb(109, 113, 117); }



.st-popup--create-wishlist input[type="text"], .st-popup--manage-wishlist input[type="text"] { width: 100%; border-radius: 6px; border: 1px solid rgb(201, 204, 208); padding: 7px 10px; font-size: 14px; box-shadow: transparent 0px 0px 0px 1px inset; outline: none; }



.st-popup--create-wishlist input[type="text"]:focus, .st-popup--manage-wishlist input[type="text"]:focus { border-color: rgb(92, 106, 196); box-shadow: rgb(92, 106, 196) 0px 0px 0px 1px; }



.st-popup--manage-wishlist .st-wishlist-item_input { flex: 1 1 auto; }



.st-popup--manage-wishlist .st-wishhlist-item form { display: flex; align-items: center; justify-content: space-between; gap: 12px; }



.st-popup--manage-wishlist .st-wishhlist-item + .st-wishhlist-item { margin-top: 8px; }



.st-popup--manage-wishlist .st-edit-button, .st-popup--manage-wishlist .st-delete-button { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: rgb(246, 246, 247); border-radius: 6px; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }



.st-popup--manage-wishlist .st-delete-button { margin-left: 4px; }



.st-popup--manage-wishlist .st-edit-button:hover { background: rgb(227, 229, 232); }



.st-popup--manage-wishlist .st-delete-button:hover { background: rgb(253, 235, 234); }



.st-popup--manage-wishlist.st-has-single-wishlist .st-delete-button { display: none; }



.st-popup--confirm footer .st-cancel-button, .st-popup--confirm footer .st-confirm-button { min-width: 110px; border-radius: 6px; padding: 7px 14px; font-size: 14px; font-weight: 500; border: 1px solid transparent; cursor: pointer; }



.st-popup--confirm footer .st-cancel-button { background: rgb(255, 255, 255); color: rgb(32, 34, 35); border-color: rgb(201, 204, 208); }



.st-popup--confirm footer .st-cancel-button:hover { background: rgb(246, 246, 247); }



.st-popup--confirm footer .st-confirm-button { background: rgb(222, 54, 24); color: rgb(255, 255, 255); border-color: rgb(222, 54, 24); }



.st-popup--confirm footer .st-confirm-button:hover { background: rgb(191, 39, 16); border-color: rgb(191, 39, 16); }



.st-popup--danger .st-confirm-button { background: rgb(222, 54, 24); border-color: rgb(222, 54, 24); }



.st-popup--login { z-index: 2041997; }



.st-popup--login.st-is-open { display: flex !important; }



.st-popup--login .popup-close-x { position: absolute; top: 0px; right: 0px; padding: 10px; }



.st-popup--login .popup-close-x button { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: rgb(170, 170, 170); transition: color 0.2s; cursor: pointer; }



.st-popup--login .popup-close-x button:hover { color: rgb(255, 255, 255); }



.st-popup--login .popup-header { background: rgb(0, 0, 0); padding: 10px; }



.st-popup--login .popup-header .header-title { color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; text-align: center; margin: 0px; }



.st-popup--login .popup-body { display: flex; flex-wrap: wrap; padding: 16px; align-items: center; gap: 16px; color: rgb(0, 0, 0); }



.st-popup--login .popup-footer { display: flex; justify-content: center; align-items: center; padding: 16px; gap: 16px; color: rgb(0, 0, 0); }



.st-popup--login .popup--button { background: rgb(238, 238, 238); padding: 10px 20px; border-radius: 5px; border: 1px solid rgb(204, 204, 204); cursor: pointer; }



.st-popup--login .popup--button:hover { background: rgb(221, 221, 221); }