@charset "UTF-8";.header{display:grid;grid-template-columns:auto auto auto;background:linear-gradient(261.69deg,#1a0033,12.12%,#0f001f 86.72%);padding:1.25rem;align-items:center;position:sticky;top:0;z-index:100;width:100%}.header__check{display:flex;gap:clamp(2.5rem,4vw,4.375rem);justify-content:center}.header__list{text-decoration:none;padding-inline:.625rem;color:#fff;position:relative;font-size:20px;transition:color .3s ease}.header__list:after{content:"";position:absolute;left:0;bottom:-.3rem;width:0%;height:.938rem;background-color:#00ced1;transition:width .3s ease;opacity:.75}.header__list:hover:after{width:100%}.header__list--active:after{width:100%}.header__link{padding-inline:.625rem;list-style:none;text-decoration:none;color:#fff;transition:color .3s ease}.header__cart{position:relative;background:inherit;width:2.5rem;height:5rem}.header__icon-cart{width:1.875rem;height:4.375rem;color:#fff}.header__login{font-size:20px;background:linear-gradient(90deg,#00ced1,#20b2aa,#ff69b4);border-radius:1.875rem;color:#fff;padding-inline:1.25rem;padding-block:.313rem;margin:clamp(1.5rem,3vw,2.5rem)}.header__icon{color:#00ced1}.header__group{display:grid;grid-template-columns:1fr 1fr;align-items:center}.header__nav{padding:clamp(1.5rem,2vw,3.125rem)}.header__cart-group{display:flex;align-items:center;position:relative}.header__cart-total{position:absolute;top:-1px;right:13.75rem;background:linear-gradient(90deg,#00ced1,#20b2aa,#ff69b4);color:#fff;font-size:18px;font-weight:700;border-radius:50%;padding:2px 6px;min-width:1.3rem;text-align:center;line-height:1}@media screen and (max-width:768px){.header{grid-template-columns:auto auto;padding:.625rem}.header__nav{display:none}}@media screen and (max-width:480px){.header{position:static}.header__group{grid-template-columns:1fr;gap:.625rem}.header__cart-total{right:10.625rem}.header__login{margin:clamp(.5rem,2vw,1.25rem)}.header__cart-total{left:-20px}.header__icon{width:10rem;height:10rem}}.hero{padding-bottom:160px}.hero__btn-left,.hero__btn-right{background:inherit}.hero__btn-left-text,.hero__btn-right-text{color:#fff;font-size:18px}.hero__cristal{width:10.625rem;height:auto;cursor:pointer}.hero__container{padding:clamp(1.5rem,2vw,3.125rem);display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,2vw,3.125rem)}.hero__colls-right,.hero__colls-left{display:flex;flex-direction:column;align-items:center}.hero__title{color:#fff;font-size:clamp(48px,5vw,70px)}.hero__text{color:#fff;font-size:24px}.hero__img{min-height:37.5rem;width:auto;transform-style:preserve-3d;backface-visibility:hidden;display:block;position:relative;z-index:1}.hero__cup-wrap{perspective:1000px;position:relative}.hero__cup-glow{position:absolute;aspect-ratio:1/1;width:120%;height:120%;background:radial-gradient(circle at center,rgb(255,255,224) 0%,rgba(255,255,255,.1) 50%,transparent 70%);opacity:.25;filter:blur(20px);pointer-events:none;z-index:-1;backface-visibility:hidden}@media(max-width:480px){.hero__container{grid-template-columns:1fr;padding:clamp(1rem,3vw,2rem)}.hero__img{min-height:auto;width:100%}}@media(min-width:481px)and (max-width:768px){.hero__container{grid-template-columns:1fr;padding:clamp(1rem,3vw,2rem)}.hero__img{min-height:auto;width:100%}}@media(min-width:369px)and (max-width:1024px){.hero{padding:50px 0 70px}.hero__cristal{width:8.125rem}}.menu{transition:max-height .6s ease;padding-block:120px;opacity:0}.menu__title{font-size:clamp(48px,5vw,70px);text-align:center;color:#fff}.menu__viewport{overflow:hidden;width:100%}.menu__img{height:12.5rem;object-fit:cover}.menu__container{max-width:93.75rem;padding:1.25rem;position:relative;display:flex}.menu__cards{display:flex;flex-wrap:nowrap;flex-direction:row;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;gap:clamp(.938rem,4vw,1.875rem);scroll-behavior:smooth}.menu__card{flex:0 0 18.75rem;min-width:18.75rem;box-shadow:0 4px .75rem #0000001a;transition:transform .3s;border:1px solid #FF69B4;display:flex;flex-direction:column;border-radius:1.875rem}.menu__card:hover{transform:translateY(-5px)}.card__btn{font-size:20px;font-style:italic;cursor:pointer;border-radius:1.875rem;background:linear-gradient(90deg,#00ced1,#20b2aa,#ff69b4);color:#fff;padding-block:.5rem;padding-inline:.5rem;margin:.625rem}.card__price,.card__volume{color:#fff;font-size:18px}.card__info{display:flex;justify-content:space-between;padding-inline:1.25rem;align-items:center}.card__next{background:inherit}.card__icon{color:#ff69b4}.card__title{font-size:clamp(22px,2vw,30px);text-align:center;color:#fff;padding:.313}.card__description{display:flex;text-align:center;color:#fff;padding:.313rem;font-size:18px}.menu__deserts{overflow:hidden;transition:max-height .6s ease;max-width:93.75rem;padding:1.25rem;position:relative;display:flex}.menu__deserts-viewport{overflow:hidden;width:100%}.menu__deserts-title{font-size:clamp(48px,5vw,70px);text-align:center;color:#fff}.menu__deserts-img{height:12.5rem;object-fit:cover;display:grid;justify-self:center}.menu__deserts-cards{display:flex;flex-wrap:nowrap;flex-direction:row;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;gap:clamp(.938rem,4vw,1.875rem);scroll-behavior:smooth}.menu__deserts-card{min-width:18.75rem;box-shadow:0 4px .75rem #0000001a;transition:transform .3s;border:1px solid #FF69B4;display:flex;flex-direction:column;border-radius:1.875rem}.menu__deserts-card:hover{transform:translateY(-5px)}.card__deserts-btn{font-size:20px;font-style:italic;cursor:pointer;border-radius:1.875rem;background:linear-gradient(90deg,#00ced1,#20b2aa,#ff69b4);color:#fff;padding-block:.5rem;padding-inline:.5rem;margin:.625rem}.card__deserts-price,.card__deserts-volume{color:#fff;font-size:18px}.card__deserts-info{display:flex;justify-content:space-between;padding-inline:1.25rem;align-items:center}.card__deserts-next{background:inherit}.card__deserts-icon{color:#ff69b4}.card__deserts-title{font-size:clamp(22px,2vw,30px);text-align:center;color:#fff;padding:.313rem}.card__deserts-description{display:flex;text-align:center;color:#fff;padding:.313rem;font-size:18px;line-height:1.4;letter-spacing:0}@media(max-width:768px){.menu__container,.menu__deserts{flex-direction:column;align-items:center}.menu__cards,.menu__deserts-cards{flex-wrap:wrap;justify-content:center}.card__icon,.card__deserts-icon{display:none}.menu{padding-block:80px}}.about{display:grid;grid-template-columns:1fr 1fr;padding-block:120px;padding-inline:clamp(1.5rem,2vw,3.125rem);align-items:center}.about__video{max-width:25rem;border-radius:1.875rem;display:block;width:100%}.about__video-group{position:relative;padding:clamp(.938rem,4vw,1.875rem);display:inline-block}.about__title{color:#fff;font-size:clamp(48px,5vw,70px)}.about__img{min-width:auto;height:77vh;border-radius:1.875rem;position:relative;z-index:2}.about__img:after{content:"";position:absolute;width:100%;height:100%;top:auto;left:-3.75rem;bottom:-2.188rem;right:auto;z-index:1;background:linear-gradient(90deg,#00ced1,#20b2aa,#ff69b4);border-radius:1.875rem}.about__untertitle,.about__info,.about__text{color:#fff;font-size:18px;line-height:1.4}.about__text{font-style:italic}.about__colls-left{display:grid;justify-self:center}.video__btn{cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:1.875rem;padding:1.25rem;background:linear-gradient(90deg,#00ced1,#20b2aa,#ff69b4);color:#fff;font-size:20px}.video__btn:before{content:"";position:absolute;border-left:1.25rem solid linear-gradient(90deg,#00CED1 0%,#20B2AA 50%,#FF69B4 100%);border-bottom:.75rem solid transparent;border-top:.75rem solid transparent;transform:translate(-50%,-50%);top:50%;left:55%;background:transparent}.video__btn-small.is-playing{position:absolute;right:1.875rem;bottom:2.188rem;width:1.875rem;height:1.875rem;border-radius:50%;background:#0009;border:2px solid #00CED1;display:flex;align-items:center;justify-content:center;z-index:5}.video__btn-small.is-playing:before{content:"";position:absolute;left:.5rem;width:2px;height:50%;background:#00ced1;border-radius:2px}.video__btn-small.is-playing:after{content:"";position:absolute;left:.938rem;width:2px;height:50%;background:#00ced1;border-radius:2px}.video__btn-small.is-paused{position:absolute;right:1.875rem;bottom:2.188rem;width:1.875rem;height:1.875rem;border-radius:50%;background:#0009;border:2px solid #00CED1;display:flex;align-items:center;justify-content:center;z-index:5}.video__btn-small.is-paused:before{content:"";width:0;height:0;border-left:.625rem solid #00CED1;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:2px}.video__btn-small.is-paused:after{display:none}@media(max-width:768px){.about{grid-template-columns:1fr;text-align:center;gap:120px}.about__img{height:auto;width:80%;margin-inline:auto}.about__img:after{display:none}.about__colls-left{justify-self:center}}.events__action{padding-block:120px;position:relative;overflow:hidden;transition:max-height .6s ease}.events__action-viewport{max-width:87.5rem;margin:0 auto;overflow:hidden;padding-right:clamp(5rem,8vw,9.375rem)}.events__action-cards{display:flex;transition:transform .4s ease;gap:clamp(1.5rem,2vw,3.125rem);align-items:center;flex-wrap:nowrap;flex-direction:row;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.events__action-title{font-size:clamp(48px,5vw,70px);color:#fff;text-align:center}.events__action-untertitle{font-size:24px;color:#fff;text-align:center}.events__action-card{flex:0 0 18.75rem;display:flex;flex-direction:column;padding:.625rem;max-width:18.75rem;background:linear-gradient(261.69deg,#204 12.12%,#15002a 86.72%);border-radius:1.875rem;box-shadow:0 4px .75rem #0000001a;transition:transform .3s;min-height:25.875rem}.events__action-card:hover{transform:translateY(-5px)}.events__action-cardtitle{color:#fff}.events__action-description{font-size:18px;color:#fff}.events__action-btn{margin-top:auto;background:linear-gradient(90deg,#00ced1,#20b2aa,#ff69b4);color:#fff;font-size:20px;padding:.625rem;border-radius:1.875rem}.events__action-img{display:block;height:auto;width:100%;border-radius:1.875rem}.events__action-next{position:absolute;top:50%;right:-1%;background:none}.events__action-icon{color:#00ced1}.events__group{padding-inline:clamp(.938rem,4vw,1.875rem);position:relative}.events__title{color:#fff;font-size:clamp(48px,5vw,70px);text-align:start;text-align:center}.events__cards{display:grid;grid-template-columns:1fr 1fr;justify-self:center;gap:clamp(.938rem,4vw,2rem);position:relative}.events__card{display:flex;align-items:center;flex-direction:column;justify-content:center;max-width:37.5rem}.events__img{border-radius:1.875rem}.events__btn{position:absolute;background:linear-gradient(90deg,#00ced1,#20b2aa,#ff69b4);color:#fff;border-radius:1.875rem;padding:.625rem;font-size:20px;cursor:pointer}.events__action-cardtitle{font-size:20px}@media(max-width:768px){.events__cards{grid-template-columns:1fr}.events__action-cards{display:grid;grid-template-columns:1fr;gap:clamp(.938rem,4vw,2rem);padding:0;justify-items:center}.events__action-icon{display:none}.events__action{padding:80px 0}.events__action-card{flex:none;min-height:auto}.events__btn{min-height:48px;padding:12px 16px}}.footer{width:100%;background:linear-gradient(261.69deg,#1a0033,12.12%,#0f001f 86.72%);min-height:clamp(15rem,20vw,27.25rem);padding-top:160px;padding-inline:clamp(1.5rem,2vw,3.125rem)}.footer__container{display:flex;flex-direction:column;gap:clamp(2rem,4vw,4rem)}.footer__rows{display:grid;gap:clamp(1.25rem,2vw,2.5rem);grid-template-columns:1fr 1fr 1fr 1fr;padding-block:1.875rem;margin-block:1.875rem;align-items:start}.footer__social{display:flex;gap:.938rem;align-items:center}.footer__icon{color:#00ced1;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.footer__icon:hover{background:linear-gradient(261.69deg,#1a0033,12.12%,#0f001f 86.72%);color:#fff}.footer__img{width:1.5rem;height:1.5rem;flex-shrink:0;color:#00ced1}.footer__contacts{display:flex;justify-content:space-between;padding-top:1.875rem}.footer__link{text-decoration:none;color:#00ced1;font-size:20px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.footer__link:hover{background:linear-gradient(261.69deg,#1a0033,12.12%,#0f001f 86.72%);color:#fff}.footer__logo{color:#00ced1}.footer__logo-img{display:block;max-width:10.625rem;height:auto}.footer__nav-link{text-decoration:none;font-size:18px;color:#fff;letter-spacing:.5px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.footer__nav-link:hover{background:linear-gradient(261.69deg,#1a0033,12.12%,#0f001f 86.72%);color:#00ced1}.footer__strong{color:#fff;text-transform:uppercase}.footer__nav-item{line-height:1.6}.footer__login svg{vertical-align:top}.footer ul{list-style:none;padding:0;margin:0}@media(max-width:768px){.footer__rows{grid-template-columns:1fr 1fr}}.cart__modal{inset:0 0 0 auto;height:100vh;max-width:31.25rem;z-index:1000;font-size:18px;position:fixed}.cart__modal-sad{display:flex;justify-content:center;text-transform:uppercase}.cart__modal-input{margin-top:1.375rem;margin-right:.938rem;appearance:none;width:1.125rem;height:1.125rem;border:2px solid #00CED1;border-radius:4px;background:transparent;cursor:pointer;position:relative}.cart__modal-input:after{content:"";position:absolute;inset:3px;background:#00ced1;opacity:0;border-radius:2px;transition:.2s ease}.cart__modal-input:checked:after{opacity:1}.cart__modal-deliverygroup{display:flex;align-items:center;gap:.938rem;margin-top:1.563rem}.cart__modal-label{padding-top:1.125rem;font-size:20px}.cart__modal-hungry{display:flex;justify-content:center;font-style:italic}.cart__modal-text{text-align:center}.cart__modal-icon{width:1.563rem;height:1.563rem;fill:currentColor;display:flex}.cart__modal-close{display:flex;justify-content:end;color:#00ced1;background:inherit;border:none;cursor:pointer}.cart__modal-window{display:grid;grid-template-rows:1fr auto;height:100%;background:linear-gradient(261.69deg,#204 12.12%,#15002a 86.72%);color:#fff;padding-inline:clamp(.938rem,4vw,1.875rem);z-index:1;box-shadow:0 8px 1.5rem #0000004d;width:100%}.cart__modal-overlay{position:fixed;inset:0;z-index:900;background:#00000059}.cart__modal-top{display:flex;flex-direction:column;padding:1.25rem;overflow-y:auto}.cart__modal-bottom{padding:1.25rem}.cart__modal-items{border-bottom:1px solid #515151}.cart__modal-title{color:#fff;text-align:center}.cart__modal-checkout{color:#fff;text-transform:uppercase;background:linear-gradient(90deg,#00ced1,#20b2aa,#ff69b4);width:15.625rem;padding-block:.938rem;border-radius:3.125rem;border:#00CED1}.cart__modal-summary{display:flex;justify-content:space-between;border-top:1px solid #515151;padding-block:.625rem}.cart__modal-order{display:flex;justify-content:center;padding-block:clamp(.938rem,4vw,1.875rem)}.cart__modal-card,.cart__modal-coffee,.cart__modal-apron{cursor:pointer}.cart__modal-img{max-height:9.375rem}.cart__modal-extras{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(1.5rem,2vw,3.125rem);align-items:center;padding-block:clamp(.938rem,4vw,1.875rem)}.cart__modal-extrastitle{padding-block:1.25rem}.cart__modal-extra{background:inherit;color:#fff}.cart__modal-priceblock{display:flex;flex-direction:column;align-items:center;gap:.625rem}.cart__modal-left,.cart__modal-right{cursor:pointer}.cart__modal .cart__modal-deliverygroup:has(input:disabled){opacity:.5}.cart__modal-remove{cursor:pointer}.cart__item-right,.cart__item-left{color:#fff;background:inherit}.cart__modal.is-open{transform:translate(0)}.cart__modal-overlay{opacity:0;pointer-events:none;transition:opacity .3s ease}.cart__modal-overlay.is-active{opacity:1;pointer-events:auto}.cart__item{padding-block:clamp(.938rem,4vw,1.875rem);padding-inline:.625rem}.cart__item-wrapper{display:grid;grid-template-columns:6.25rem auto;gap:clamp(1.5rem,2vw,3.125rem);align-items:flex-start}.cart__item-counter{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:.625rem;padding-block:1.25rem;padding-inline:1.25rem}.cart__item-radiogroup{display:flex;gap:1.25rem}.cart__item-change{background:inherit;color:#fff;cursor:pointer}.cart__item-count{font-size:18px}.cart__item-left,.cart__item-right{cursor:pointer}.cart__item-img{display:block;max-height:5rem}.cart__item-pic{display:flex;align-items:center}.cart__item-title{font-weight:900;padding-block:.313rem}.cart__item-message{text-align:center;background:inherit;color:#fff;cursor:pointer}.cart__item-remove{background:inherit;color:#fff}.icon-trash{width:1.25rem;height:1.25rem;cursor:pointer}.cart__delivery-summary{padding-top:3px;display:flex;gap:clamp(.938rem,4vw,1.875rem);opacity:.8}.cart__delivery-change{background:inherit;color:#fff;font-size:.875rem;cursor:pointer}.message__area{background:transparent;border:1px solid #00CED1;color:#fff}.message__title{font-size:18px}.cart__item textarea:focus{outline:none;border:1px solid #00CED1}@media(max-width:375px){.cart__modal{max-width:100%}.cart__modal-checkout{width:100%}.cart__item-price,.cart__item-count,.cart__item-change,.cart__item-remove{font-size:14px}}.modal{display:grid;place-items:center;z-index:1000;font-size:18px;position:fixed;inset:0}.modal__system{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0}.modal__block{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.25rem}.modal__pic{max-width:12.5rem}.modal__coffe-pic{display:grid;justify-self:center;object-fit:contain;max-height:31.25rem}.modal__country{color:#fff;font-size:18px;text-align:end;padding:.625rem;opacity:.32}.modal__description-group{display:flex;flex-direction:column;align-items:center}.modal__img{display:grid;align-self:center;justify-content:center}.modal__chois{background:linear-gradient(261.69deg,#204 12.12%,#15002a 86.72%);border-radius:1.875rem;max-width:15.625rem;position:relative}.modal__chois:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px #00ced1;opacity:0;transition:opacity .25s ease;pointer-events:none}.modal__chois:hover:after{opacity:1}.modal__chois--active:after{opacity:1}.modal__pic-block{display:grid;justify-self:center}.modal__name{color:#fff;font-size:20px;text-align:center}.modal__time,.modal__description{color:#fff;font-size:18px;padding:.625rem}.modal__milk{display:flex;justify-content:space-between;padding-block:1.25rem;cursor:pointer}.modal__milk-type{font-size:20px}.modal__milk-pic{max-height:12.5rem;grid-area:1/1;height:auto}.modal__milk-name{position:absolute;opacity:.75;filter:blur(.2px);top:36%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);color:#210a01;font-weight:700;pointer-events:none;z-index:2;text-align:center}.modal__milk-group{display:grid;place-items:center;position:relative;background:inherit;color:#fff}.modal__bean{cursor:pointer}.modal__bean-pic{max-height:12.5rem;height:auto;margin-top:1.125rem}.modal__bean-type{font-size:20px;text-align:center}.modal__strong{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;place-items:center}.modal__strong-pic{max-width:150px}.modal__strong-group{position:relative;border-radius:1.875rem;background:linear-gradient(261.69deg,#204 12.12%,#15002a 86.72%);color:#fff;transform-origin:center}.modal__strong-group:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px #00ced1;opacity:0;transition:opacity .25s ease;pointer-events:none}.modal__strong-group:hover:after{opacity:1}.modal__strong-group--active:after{opacity:1}.modal__strong-title{text-align:center}.modal__strong-type{padding:.625rem}.modal__order{display:grid;align-self:center;color:#fff;font-size:20px;background:linear-gradient(90deg,#00ced1,#20b2aa,#ff69b4);max-width:12.5rem;padding:1.25rem;border-radius:1.875rem;margin-block:clamp(.938rem,4vw,1.875rem);cursor:pointer}.modal__window{display:grid;grid-template-columns:1fr 1fr;position:relative;background:linear-gradient(261.69deg,#1a0033,12.12%,#0f001f 86.72%);color:#fff;z-index:1;padding:clamp(.938rem,4vw,1.875rem);max-height:90vh;height:90vh;border-radius:1.875rem;margin:0 auto;box-shadow:0 8px 1.5rem #0000004d;max-width:112.5rem;width:100%}.modal__overlay{position:absolute;inset:0;z-index:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal__back{color:#fff;background:linear-gradient(90deg,#00ced1,#20b2aa,#ff69b4);padding:1.25rem;border-radius:.625rem;font-size:20px;text-transform:uppercase;max-width:9.375rem;cursor:pointer}.modal__title{text-align:center;font-size:clamp(32px,5vw,48px)}.modal__composition{font-size:20px;font-style:italic;padding-inline:clamp(.938rem,4vw,2.5rem)}.modal__price,.modal__weight,.modal__allergens{text-align:end;font-size:20px;padding-inline:clamp(.938rem,4vw,2.5rem)}.modal__desserts{display:grid;grid-template-columns:1fr 1fr 1fr;align-self:center;gap:clamp(1.5rem,2vw,3.125rem)}.modal__dessert-pic{max-width:100%;max-height:100%;object-fit:contain;display:block}.modal__desert{display:flex;flex-direction:column;align-items:center;background:inherit;max-width:9.375rem;border-radius:1.875rem;font-size:20px;padding-inline:.313rem}.modal__dessert-glass,.modal__dessert-cup,.modal__dessert-time{display:flex;padding-inline:.625rem;padding-bottom:.625rem}.modal__dessert-media{width:7.5rem;height:7.5rem;display:flex;align-items:center;justify-content:center}.modal__recomend{padding:.938rem;text-align:center}.modal__milk-group--active{transform:translateY(-4px)}.modal__milk-group--active .modal__milk-name{color:#1a0033}.modal__bean-group--active{background:#6f4e37;border-radius:1.875rem}.modal__order:disabled{opacity:.4;pointer-events:none}@media(max-width:768px){.modal{display:block}.modal__window{display:flex;flex-direction:column;height:90dvh;overflow:hidden;border-radius:0;padding:0}.modal__img{flex:0 0 auto}.modal__coffe-pic{display:none}.modal__system{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal__chois{margin:0 auto;min-width:250px}.modal__strong{grid-template-columns:1fr 1fr;gap:1rem}.modal__milk{flex-direction:column;align-items:center}.modal__strong-group{margin-bottom:1.25rem;max-width:200px}.modal__desserts{grid-template-columns:1fr 1fr}.modal__composition,.modal__ingredients,.modal__price,.modal__weight,.modal__allergens{padding:1.25rem;margin:5px;font-size:18px}}@media(max-width:480px){.modal__block{display:flex;flex-direction:column;align-items:center;gap:1rem}.modal__bean-pic,.modal__milk-pic{max-height:10rem}}.auth{display:grid;place-items:center;z-index:1000;position:fixed;inset:0}.auth__window{display:flex;flex-direction:column;position:relative;background:linear-gradient(261.69deg,#204 12.12%,#15002a 86.72%);color:#fff;z-index:1;padding:clamp(.938rem,4vw,1.875rem);max-height:45vh;height:45vh;border-radius:1.875rem;margin:0 auto;box-shadow:0 8px 24px #0000004d;max-width:31.25rem;width:100%}.auth__overlay{position:absolute;inset:0;z-index:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.auth__wrapper{position:relative}.auth__close{display:grid;position:absolute;justify-self:end;margin-bottom:1.563rem;border:none;top:-.938rem;right:-3.125rem;background:transparent;cursor:pointer;padding:.5rem;color:#00ced1}.auth__icon{width:1.563rem;height:1.563rem;fill:currentColor}.auth__title{font-size:clamp(22px,2vw,30px);text-align:center}.auth__description{font-size:20px;text-align:start;padding-inline:1.25rem}.auth__input{background:linear-gradient(261.69deg,#1a0033,12.12%,#0f001f 86.72%);font-size:24px;padding:.625rem;border-radius:.625rem;color:#fff}.auth__tel{display:grid;justify-self:start;padding:.938rem}.auth__btn-group{display:flex;flex-direction:column;align-items:center}.auth__btn{margin:1.25rem;background:linear-gradient(90deg,#00ced1,#20b2aa,#ff69b4);border-radius:1.875rem;font-size:20px;color:#fff;padding-inline:1.25rem;padding-block:.625rem;min-width:18.75rem}.auth__text{opacity:.7}.auth__link{color:#fff}.auth__form{display:flex;align-items:center;justify-content:center;gap:.625rem}.auth__code{background:linear-gradient(261.69deg,#1a0033,12.12%,#0f001f 86.72%);font-size:24px;border-radius:.625rem;color:#fff;max-width:3.75rem;min-height:3.75rem;text-align:center}.auth__resend{margin-block:.938rem;border-radius:1.875rem;font-size:18px;color:#fff;background:inherit;cursor:pointer}.auth__btn:disabled{opacity:.4;pointer-events:none}@media(max-width:400px){.auth__window{padding:clamp(.625rem,4vw,1.25rem);height:auto;max-height:none;margin:1.25rem;max-width:90vw}.auth__input{font-size:20px}.auth__close{right:-1.875rem}}.acc__group{display:grid;grid-template-columns:1fr 1fr 1fr;padding-inline:clamp(5rem,10vh,6.25rem)}.acc__auto{align-items:center;display:flex;flex-direction:column;max-width:21.875rem}.acc__text{display:flex;flex-direction:column;color:#fff}.acc__title{color:#fff}.acc__input{color:#fffc;display:block;background:inherit;border:none;border-bottom:1px solid rgba(255,255,255,.3);opacity:.8;padding-block:1.25rem;min-width:25rem;transition:.3s;box-sizing:border-box;padding-block:.75em 1em;appearance:none;-webkit-appearance:none}.acc__input:focus{outline:none;border-bottom:1px solid rgba(255,255,255,.9);opacity:1;transition:#00CED1 .25s ease}.acc__btn{display:grid;align-items:center}.acc-btn{margin:1.25rem;background:linear-gradient(90deg,#00ced1,#20b2aa,#ff69b4);font-size:20px;border-radius:1.25rem;padding:.313rem;color:#fff}.back{display:flex;justify-content:center;padding-block:clamp(.938rem,4vw,1.875rem)}.back__btn{font-size:20px;color:#fff;border-radius:1.875rem;border:none;background:linear-gradient(90deg,#00ced1,#20b2aa,#ff69b4);padding:.625rem}.promo{display:flex;flex-direction:column;align-items:center}.promo__untertitle,.promo__title{color:#fff;text-align:end}.promo__img{max-height:15.625rem;opacity:.7}.history{display:grid}.history__input{margin-top:1.375rem;margin-right:.938rem;appearance:none;width:1.125rem;height:1.125rem;border:2px solid #00CED1;border-radius:4px;background:transparent;cursor:pointer;position:relative}.history__input:after{content:"";position:absolute;inset:3px;background:#00ced1;opacity:0;border-radius:2px;transition:.2s ease}.history__input:checked:after{opacity:1}.history__label{color:#fff;padding-top:1.063rem;font-size:20px}.history__subscribe{display:flex;align-items:center}.history__title{color:#fff;font-size:20px;text-align:center}.history__text{background:linear-gradient(261.69deg,#204 12.12%,#15002a 86.72%);border-radius:1.875rem;padding-block:1.25rem;text-align:center;display:flex;flex-direction:column}.history__text-title{color:#fff;text-align:center}.history__text-untertitle{color:#fff}.adress{display:flex;flex-direction:column;justify-content:end;justify-self:center}.adress__text{display:flex;flex-direction:column;color:#fff}.adress__input{display:block;background:inherit;border:none;border-bottom:1px solid rgba(255,255,255,.3);opacity:.8;padding-block:1.25rem;min-width:25rem;transition:.3s;box-sizing:border-box;padding-block:.75em 1em;appearance:none;-webkit-appearance:none;color:#fff}.adress__input:focus{outline:none;border-bottom:1px solid rgba(255,255,255,.9);opacity:1;transition:#00CED1 .25s ease}.adress__btn{background:linear-gradient(90deg,#00ced1,#20b2aa,#ff69b4);border-radius:1.875rem;color:#fff;font-size:20px}.adress__title{color:#fff}.payment__input{color:#fff;background:inherit}.payment-methods{display:flex;flex-direction:column;justify-self:center}.payment__btn{border-radius:1.875rem;color:#fff;background:linear-gradient(90deg,#00ced1,#20b2aa,#ff69b4);font-size:20px;padding-inline:.625rem;margin:.313rem}.payment__title{color:#fff;padding-bottom:.938rem}.payment-btn{display:flex;align-items:center;margin:.625rem}.info{display:grid;grid-template-columns:1fr 1fr;padding-top:clamp(15rem,16vw,18.75rem)}@media(max-width:768px){.acc{padding-right:10px}.acc__group{grid-template-columns:1fr;padding-inline:clamp(2rem,10vh,3.125rem)}.info{grid-template-columns:1fr;padding-top:clamp(5rem,16vw,8.75rem);justify-content:center;justify-items:center}.acc__auto{padding:10px;max-width:100%}.acc__input{min-width:100%}}@media(max-width:480px){.acc__group{padding-inline:clamp(1rem,10vh,2.125rem)}}.blog{background-image:url(/react-coffee-house/assets/heroEvents-duqaSkli.webp);background-repeat:no-repeat;background-position:center center;background-size:cover;display:flex;flex-direction:column;position:relative;min-height:100svh;padding-bottom:0;justify-content:center}.blog__content{flex:1;display:flex;align-items:center;justify-content:center;text-align:center}.blog__title{font-size:clamp(48px,5vw,70px);color:#fff;position:relative;padding-block:.375em;padding-inline:1.8125em;display:inline-block;margin-inline:auto;transform:translate(-50%,-50%);top:50%;left:50%}.blog__untertitle{font-size:clamp(22px,2vw,30px);color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blog__img{background-image:url(/react-coffee-house/assets/tasse-DDilb7wa.webp);background-repeat:no-repeat;background-position:center center;background-size:cover;position:absolute;inset:0 0 0 -35%}.blog__tasse-container{position:relative;width:700px;min-height:800px}.blog__tasseo{padding-block:160px;display:grid;grid-template-columns:1fr 1fr 1fr}.blog__drink{width:100%;height:auto;position:relative;left:0;top:0}.blog__wrapper{position:relative;height:auto}.blog__smoke{position:absolute;transform:translate(-50%);width:160px;opacity:.45;filter:blur(4px);mix-blend-mode:screen}.smoke-1{animation:steamFloat 7s infinite ease-in-out;animation-duration:5s;left:38%;bottom:53%}.smoke-2{animation:steamFloat 9s infinite ease-in-out;left:48%;bottom:62%;animation-delay:2.5s;animation-duration:7s}.smoke-3{animation:steamFloat 11s infinite ease-in-out;left:40%;animation-delay:5s;bottom:58%;animation-duration:9s}.drink-with-steam{position:relative;width:900px;height:auto;left:-20%;top:10%}.steam{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}@keyframes steamFloat{0%{transform:translateY(0) scale(.95);opacity:0;filter:blur(6px)}20%{opacity:.9;filter:blur(5px)}40%{opacity:.7;filter:blur(6px)}60%{opacity:.4;filter:blur(3px)}80%{opacity:.2;filter:blur(4px)}to{transform:translateY(-90px) scale(1.15);opacity:0;filter:blur(1px)}}.text{padding-block:160px}.text__title{font-size:clamp(32px,5vw,48px);color:#fff;text-align:center}.text__untertitle{color:#fff;font-size:clamp(22px,2vw,30px)}.text__img{position:relative;width:400px;min-height:800px}.text__bild{min-width:1100px;position:absolute;left:-10%;opacity:.9}.light{padding-block:160px;position:relative;overflow:hidden}.light__title{font-size:clamp(32px,5vw,48px);color:#fff;text-align:center}.light__untertitle{color:#fff;font-size:24px;text-align:start}.light__img{position:relative;width:400px;min-height:800px}.light__bild{min-width:800px;position:absolute;left:-20%;top:-20%}.light__group{display:flex;flex-direction:column;align-items:end;padding-right:30px}.light__pic{min-height:500px;opacity:.9}.light__content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr}.light__mask{position:relative;overflow:hidden}.light__darkness{position:absolute;inset:0;background:#000000e6;z-index:10;pointer-events:none;opacity:1}.roast{padding-block:160px;display:grid;grid-template-columns:1fr 1fr}.roast__title{font-size:clamp(32px,5vw,48px);color:#fff;text-align:center}.roast__untertitle{color:#fff;font-size:clamp(22px,2vw,30px);text-align:center}.roast__pic{position:absolute;width:auto;min-width:900px;left:-40%;top:-30%}.roast__group-img{position:relative;display:flex}.roast__img{position:absolute;max-width:128px;left:20%;top:70%}.roast__img2{position:absolute;max-width:100px;left:38%;top:78%;transform:rotate(25deg)}.roast__img3{position:absolute;max-width:100px;left:15%;top:78%;opacity:.9}.roast__img4{position:absolute;max-width:120px;left:25%;top:87%;transform:rotate(45deg)}.roast__img5{position:absolute;max-width:111px;left:45%;top:95%;transform:rotate(75deg)}.roast__img6{position:absolute;max-width:98px;left:22%;top:78%;transform:rotate(55deg)}.roast__img7{position:absolute;max-width:110px;left:10%;top:78%}.sound{padding-block:160px;display:grid;grid-template-columns:1fr 1fr}.sound__title{font-size:clamp(32px,5vw,48px);color:#fff;text-align:center}.sound__untertitle{color:#fff;font-size:clamp(22px,2vw,30px);text-align:center}.sound__text{padding:30px}.sound__group{position:relative;cursor:pointer}.waves{position:absolute;left:50%;top:50%;width:260px;height:260px;transform:translate(-50%,-50%);pointer-events:none;overflow:visible}.wave{fill:none;stroke:#ffffffd9;stroke-width:3;filter:url(#glow);transform-origin:50% 50%;opacity:0}.form-events{display:flex;flex-direction:column;margin:0 auto;text-align:center;justify-content:center;align-items:center}.form-events__title{color:#fff;font-size:clamp(32px,5vw,48px)}.form-events__untertitle,.form-events__radiotitle{color:#fff;font-size:20px}.form-events__input{min-width:600px;background:linear-gradient(261.69deg,#204 12.12%,#15002a 86.72%);border:none;color:#fff;font-size:18px;padding-block:1.063em 1.563em;text-align:center;margin-bottom:clamp(10px,2vw,15px);transition:.3s;box-sizing:border-box}.form-events__input:focus{outline:none;border-bottom:1px solid #FFFFFF}.form-events__select{color:#fff;display:flex;justify-content:center}.form-events__radio{color:#fff;padding-inline:20px}.form-events__btn{display:flex;justify-content:center;margin:30px}.form-events__submit{background:linear-gradient(90deg,#00ced1,#20b2aa,#ff69b4);padding:10px;border-radius:30px;color:#fff;font-size:20px}.form-events__checked{margin-top:1.375rem;appearance:none;width:1rem;height:1rem;border:2px solid #00CED1;border-radius:4px;background:transparent;cursor:pointer;position:relative}.form-events__checked:after{content:"";position:absolute;inset:3px;background:#00ced1;opacity:0;border-radius:2px;transition:.2s ease}.form-events__checked:checked:after{opacity:1}select{min-width:600px;padding:10px;margin-block:20px;background:linear-gradient(261.69deg,#204 12.12%,#15002a 86.72%);color:#fff;text-align:center}option{background:#204}@media(max-width:768px){.blog,.text,.light,.roast,.sound,.form-events{padding-block:40px}.blog__tasse-container,.text__img,.light__img{min-height:auto;width:100%}.blog__tasseo{display:flex;flex-direction:column;gap:10px;overflow-x:hidden;padding:0%}.blog__title{font-size:clamp(32px,5vw,48px);padding-inline:1em}.blog__untertitle{font-size:20px}.blog__drink{width:80%}.blog__img{display:none}.text__title{font-size:clamp(22px,2vw,30px);padding:10px}.text__untertitle{font-size:18px}.text__img{display:none}.light__title{font-size:clamp(22px,2vw,30px)}.light__untertitle{font-size:18px}.light__content{display:flex;flex-direction:column;padding:10px;text-align:center;align-items:center}.light__bild,.light__pic,.light__darkness{display:none}.roast{display:flex;flex-direction:column;align-items:center}.roast__title{font-size:clamp(22px,2vw,30px)}.roast__untertitle{font-size:18px}.roast__pic,.roast__group-img{display:none}.sound{display:flex;flex-direction:column;align-items:center}.sound__title{font-size:clamp(22px,2vw,30px)}.sound__untertitle{font-size:18px}.sound__content{grid-template-columns:1fr}.form-events__input,.form-events__select{min-width:300px}}.thankyou__modal{display:grid;place-items:center;z-index:1000;font-size:18px;position:fixed;inset:0}.thankyou__window{background:linear-gradient(261.69deg,#204 12.12%,#15002a 86.72%);position:relative;color:#fff;z-index:1;padding:clamp(.938rem,4vw,1.875rem);height:auto;border-radius:1.875rem;margin:.938rem;box-shadow:0 8px 24px #0000004d;width:28.125rem}.thankyou__overlay{position:absolute;inset:0;z-index:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.thankyou__close{display:grid;justify-self:end;width:1.25rem;height:1.25rem;border:none;background:transparent;cursor:pointer;padding:.5rem;color:#00ced1}.thankyou__line{position:relative}.thankyou__icon{width:1.25rem;height:1.25rem}.thankyou__button{display:flex;justify-content:center;align-items:center}.thankyou__btn{border:none;border-radius:1.25rem;background:linear-gradient(90deg,#00ced1,#20b2aa,#ff69b4);color:#fff;padding:.625rem}.thankyou__title,.thankyou__text{text-align:center}@media(max-width:768px){.thankyou__icon{width:1.875rem;height:1.875rem}.thankyou__btn{padding:.875rem 1.25rem}.thankyou__icon{width:1rem;height:1rem}.thankyou__window{width:100%;padding:5px;font-size:16px}}.reg__form{display:grid;place-items:center;z-index:1000;font-size:18px;position:fixed;inset:0}.reg__header{flex-shrink:0}.reg__window{background:linear-gradient(261.69deg,#204 12.12%,#15002a 86.72%);position:relative;color:#fff;z-index:1;border-radius:1.875rem;margin:0 auto;box-shadow:0 8px 24px #371c66;height:90vh;display:flex;flex-direction:column}.reg__auto{flex:1;overflow-y:scroll;scrollbar-gutter:stable;padding:clamp(.938rem,4vw,1.875rem)}.reg__title{text-align:center;font-weight:700;font-size:clamp(22px,2vw,30px)}.reg__untertitle{font-size:20px;text-align:center}.reg__overlay{position:absolute;inset:0;z-index:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.reg__line{position:relative}.reg__close{display:grid;justify-self:end;margin-bottom:1.563rem;width:1.25rem;height:1.25rem;border:none;background:transparent;cursor:pointer;padding:.5rem;color:#00ced1}.reg__icon{width:1.25rem;height:1.25rem}.reg__input{display:block;background:inherit;border:none;border-bottom:1px solid rgba(255,255,255,.3);opacity:.8;padding-block:1.25rem;max-width:25rem;transition:.3s;box-sizing:border-box;padding-block:.75em 1em;appearance:none;-webkit-appearance:none;color:#fff}.reg__input:focus{outline:none;border-bottom:1px solid rgba(255,255,255,.9);opacity:1;transition:#00CED1 .25s ease}.reg-btn{display:flex;justify-self:center;border-radius:1.875rem;background:linear-gradient(90deg,#00ced1,#20b2aa,#ff69b4);color:#fff;padding:.625rem;font-size:20px;margin:clamp(.938rem,4vw,1.875rem);cursor:pointer}.pay{display:flex;flex-direction:column;align-items:center}.pay__options{display:flex;gap:clamp(1.5rem,2vw,3.125rem)}.pay__icon{width:3.125rem;height:3.125rem;cursor:pointer;transition:background-color .3s ease}.pay__icon:hover{filter:drop-shadow(0 0 10px #00CED1)}.pay__metod{background:inherit;cursor:pointer}.pay__metod--active{filter:drop-shadow(0 0 6px #00CED1)}.card-form{overflow:hidden;display:none;max-height:0;opacity:0;transition:opacity .3s ease}.card-form--open{display:block;max-height:none;opacity:1}.card__text{display:flex;flex-direction:column}.card__block{max-width:31.25rem;background:linear-gradient(261.69deg,#1a0033,12.12%,#0f001f 86.72%);border-radius:1.875rem;padding:1.563rem}.card__number{display:flex;justify-content:space-between}.card__input{background:#371c66;border-radius:.938rem;padding:.5rem;margin:5px;color:#fff}.card__input-num{border-radius:.938rem;max-width:6.25rem;background:#371c66;padding:5px;margin:5px;text-align:center;color:#fff}.external-form{overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .3s ease}.external-form--open{max-height:37.5rem;opacity:1}.external__block{display:flex;flex-direction:column;max-width:21.875rem}.external__text{text-align:center}.save__input{margin-top:1.375rem;margin-right:.938rem;appearance:none;width:1rem;height:1rem;border:2px solid #00CED1;border-radius:4px;background:transparent;cursor:pointer;position:relative}.save__input:after{content:"";position:absolute;inset:3px;background:#00ced1;opacity:0;border-radius:2px;transition:.2s ease}.save__input:checked:after{opacity:1}.save__group{display:flex;align-items:center;gap:.938rem}.save__label{padding-top:1.125rem;font-size:1rem}.reg-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:600px){.reg__window{width:90vw;height:95vh}}.action{display:grid;place-items:center;z-index:1000;font-size:18px;position:fixed;inset:0}.action__window{background:linear-gradient(261.69deg,#204 12.12%,#15002a 86.72%);position:relative;color:#fff;z-index:1;border-radius:1.875rem;margin:0 auto;box-shadow:0 8px 1.5rem #371c66;max-width:37.5rem;display:flex;flex-direction:column;padding:clamp(1.5rem,2vw,3.125rem)}.action__title{text-align:center;font-weight:700;font-size:clamp(22px,2vw,30px)}.action__text,.action__promo{font-size:20px}.action__overlay{position:absolute;inset:0;z-index:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.action__line{position:relative}.action__close{display:grid;justify-self:end;margin-bottom:1.563rem;width:1.25rem;height:1.25rem;border:none;background:transparent;cursor:pointer;padding:.5rem;color:#00ced1}.action__icon{width:1.25rem;height:1.25rem}@media(max-width:480px){.action__window{width:75%;padding:clamp(1rem,4vw,2rem)}.action__text,.action__promo{font-size:16px}.action__title{font-size:20px}.action__close{width:1rem;height:1rem}}.social{color:#fff}.social__modal{display:grid;place-items:center;z-index:1000;font-size:18px;position:fixed;inset:0}.social__window{background:linear-gradient(261.69deg,#204 12.12%,#15002a 86.72%);position:relative;color:#fff;z-index:1;padding:clamp(.938rem,4vw,1.875rem);height:auto;border-radius:1.875rem;margin:.938rem;box-shadow:0 8px 24px #0000004d;width:28.125rem}.social__overlay{position:absolute;inset:0;z-index:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.social__close{display:grid;justify-self:end;width:1.25rem;height:1.25rem;border:none;background:transparent;cursor:pointer;padding:.5rem;color:#00ced1}.social__line{position:relative}.social__icon{width:1.25rem;height:1.25rem}.social__button{display:flex;justify-content:center;align-items:center}.social__btn{border:none;border-radius:1.25rem;background:linear-gradient(90deg,#00ced1,#20b2aa,#ff69b4);color:#fff;padding:.625rem}.social__title{text-align:center}.social__img{max-width:50px}.social__group{display:flex;justify-content:space-around}.social__copied{text-align:center;font-size:20px}@media(max-width:768px){.social__icon{width:1.875rem;height:1.875rem}.social__btn{padding:.875rem 1.25rem}.social__icon{width:1rem;height:1rem}.social__window{width:100%;padding:5px;font-size:16px}}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;background:linear-gradient(261.69deg,#1a0033,12.12%,#0f001f 86.72%);overflow-x:hidden}ul,ol{margin:0;padding:0}html{scroll-behavior:smooth}img,video{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit;border:none}::selection{background:transparent}.hidden{display:none!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px black inset!important;-webkit-text-fill-color:white!important;transition:background-color 9999s ease-in-out 0s}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(prefers-reduced-motion:reduce){.btn{transform:none;box-shadow:none}}@media(prefers-reduced-motion:reduce){.slider{animation-play-state:paused!important}}@media(prefers-reduced-motion:reduce){.parallax{background-attachment:scroll;transform:none!important}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden{position:absolute!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable{position:absolute;left:-9999px;top:auto;inline-size:1px;block-size:1px;overflow:hidden}.visually-hidden-focusable:focus,.visually-hidden-focusable:focus-visible{position:static;left:auto;top:auto;inline-size:auto;block-size:auto;padding:.5em .75em;background:#000;color:#fff;border-radius:6px;outline:2px solid #000;outline-offset:2px;z-index:1000}